@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:transparent}.cc-panel{position:fixed;top:0;right:0;height:100%;width:300px;background:var(--panel-bg);border-left:2px solid var(--border);box-shadow:-4px 0 20px var(--shadow);padding:2rem 1.5rem;z-index:1001;overflow-y:auto;display:flex;flex-direction:column;gap:1.75rem;animation:slideIn .2s ease-out}.cc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:1rem}.cc-header__title{font-size:1.1rem;font-weight:700}.cc-header__close{background:none;border:2px solid var(--border);border-radius:50%;width:2rem;height:2rem;color:var(--fg);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.cc-group{display:flex;flex-direction:column;gap:.5rem}.cc-group__label{font-weight:700;font-size:.9rem;color:var(--fg)}.cc-radio-group{display:flex;flex-direction:column;gap:.4rem}.cc-radio-label,.cc-check-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.cc-select{background:var(--bg);color:var(--fg);border:2px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.95rem;width:100%}.cc-hint{color:var(--fg);opacity:.7;font-size:.8rem}.navbar{background:var(--nav-bg);border-bottom:2px solid var(--border);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar__brand{font-size:1.3rem;font-weight:700;color:var(--fg);letter-spacing:.02em}.navbar__tabs{display:flex;gap:.5rem}.navbar__tab{background:none;border:2px solid transparent;border-radius:6px;padding:.4rem 1rem;color:var(--fg);font-size:.95rem;cursor:pointer;transition:border-color .15s}.navbar__tab--active{border-color:var(--border);background:var(--card-bg)}.navbar__actions{display:flex;align-items:center;gap:.5rem}.navbar__a11y-btn{background:var(--accent);color:var(--bg);border:none;border-radius:6px;padding:.4rem .9rem;font-size:.9rem;cursor:pointer;font-weight:700}.navbar__signout-btn{background:none;color:var(--fg);border:2px solid var(--border);border-radius:6px;padding:.4rem .9rem;font-size:.9rem;cursor:pointer;transition:background .15s,color .15s}.navbar__signout-btn:hover:not(:disabled){background:var(--fg);color:var(--bg)}.navbar__signout-btn:disabled{opacity:.5;cursor:not-allowed}.reading-ruler{position:fixed;left:0;width:100%;height:2.5em;background:var(--ruler-color);pointer-events:none;z-index:9999;transition:top .05s linear}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--fg);font-size:1.1rem;opacity:.6}.history-panel__title{font-size:1.4rem;margin-bottom:1rem}.history-panel__description{opacity:.6}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/opendyslexic-latin-400-normal-nUhe5EwG.woff2) format("woff2"),url(/assets/opendyslexic-latin-400-normal-Cv3YY6GF.woff) format("woff")}[data-theme=cream]{--bg: #FFFDD0;--fg: #2F2F2F;--card-bg: #FFF8E1;--nav-bg: #F5F0B8;--border: #C8C080;--accent: #5B8C5A;--ruler-color: rgba(255, 220, 0, .2);--panel-bg: #FFF8E1;--shadow: rgba(0, 0, 0, .12)}[data-theme=high-contrast]{--bg: #000000;--fg: #FFFF00;--card-bg: #111111;--nav-bg: #0A0A0A;--border: #FFFF00;--accent: #00FF88;--ruler-color: rgba(255, 255, 0, .25);--panel-bg: #111111;--shadow: rgba(255, 255, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--base-font-size, 16px)}body{font-family:OpenDyslexic,Open Dyslexic,sans-serif;background-color:var(--bg);color:var(--fg);line-height:var(--line-spacing, 1.5);transition:background-color .25s,color .25s;min-height:100vh}h1,h2,h3{font-family:OpenDyslexic,Open Dyslexic,sans-serif;color:var(--fg)}button{font-family:OpenDyslexic,Open Dyslexic,sans-serif;cursor:pointer}input,select,textarea{font-family:OpenDyslexic,Open Dyslexic,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem;max-width:1100px;margin:0 auto;width:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}