@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500&family=Noto+Sans:wght@400;500&family=Atkinson+Hyperlegible&display=swap";:root{font-family:Lexend,Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--reader-font-size: 52px;--radius: 16px;--transition: .15s ease}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic/Alpha/OpenDyslexic-Regular.otf) format("opentype");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0f1117;color:#e4e7ef;font-family:var(--font-stack, "Lexend", "Noto Sans", system-ui, sans-serif);transition:background var(--transition),color var(--transition)}body[data-theme=light]{background:#f4f5f7;color:#1f2430}body[data-font=lexend]{--font-stack: "Lexend", "Noto Sans", system-ui, sans-serif}body[data-font=noto]{--font-stack: "Noto Sans", system-ui, sans-serif}body[data-font=atkinson]{--font-stack: "Atkinson Hyperlegible", "Noto Sans", system-ui, sans-serif}body[data-font=opendyslexic]{--font-stack: "OpenDyslexic", "Noto Sans", system-ui, sans-serif}body[data-font=system]{--font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}#app{min-height:100vh;padding:24px;display:flex;flex-direction:column;align-items:stretch}.app-shell{width:min(1200px,100%);margin:0 auto;display:flex;flex-direction:column;gap:16px}.status-line{display:flex;justify-content:center;font-size:1rem;opacity:.8;letter-spacing:.05em}.reader-panel{flex:1;min-height:320px;aspect-ratio:4 / 3;max-height:70vh;background:#ffffff0a;border-radius:var(--radius);padding:48px 32px;display:flex;align-items:center;justify-content:center;text-align:center}body[data-theme=light] .reader-panel{background:#0000000a}.reader-word{font-size:var(--reader-font-size);line-height:1.2;letter-spacing:.04em;min-height:1em}.pivot,body[data-theme=light] .pivot{color:#ff5252}.paragraph-break,.punctuation,.placeholder{font-size:1.25rem;opacity:.75}.control-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:center}.primary-controls,.secondary-controls,.toggle-controls{display:flex;gap:8px;flex-wrap:wrap}.control-btn,.toggle-btn,.icon-btn,.chip-group button,.modal-actions button,.cleanup-options button{border:none;border-radius:999px;padding:10px 18px;background:#ffffff1a;color:inherit;cursor:pointer;transition:background var(--transition),color var(--transition),transform var(--transition);font-family:inherit}body[data-theme=light] .control-btn,body[data-theme=light] .toggle-btn,body[data-theme=light] .chip-group button,body[data-theme=light] .modal-actions button,body[data-theme=light] .cleanup-options button{background:#00000014}.control-btn.primary{background:#4a5675;color:#f7fbff}body[data-theme=light] .control-btn.primary{background:#5c6f9c;color:#f8faff}.about-btn,.about-back-btn{background:#ff5252;color:#fff}.about-btn{font-weight:600}.about-back-btn{border:none;border-radius:999px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background var(--transition),transform var(--transition)}.about-back-btn:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.control-btn:focus-visible,.toggle-btn:focus-visible,.chip-group button:focus-visible,.modal-actions button:focus-visible,.icon-btn:focus-visible{outline:2px solid #8ab6ff;outline-offset:2px}.toggle-btn.active,.chip-group button.active{background:#9ad1ff33;color:#f7fbff}body[data-theme=light] .toggle-btn.active,body[data-theme=light] .chip-group button.active{background:#3a5aa326;color:#1f2430}.wpm-control{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-radius:var(--radius);background:#ffffff0a}body[data-theme=light] .wpm-control{background:#0000000a}.wpm-control label{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em;opacity:.8}input[type=range]{width:100%;accent-color:#ff5252}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#00000080;padding:24px;z-index:20}.modal.visible{display:flex}.modal-card{width:min(720px,100%);background:#080a10f2;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0000004d}body[data-theme=light] .modal-card{background:#fffffff2}.modal-card.large{width:min(900px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:center}.icon-btn{border-radius:50%;width:40px;height:40px;font-size:1.4rem;background:#ffffff14}.modal-tabs{display:flex;gap:8px}.modal-tabs button{flex:1}.tab-panel{display:none;flex-direction:column;gap:12px}.tab-panel.active{display:flex}textarea{width:100%;min-height:200px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.15);background:transparent;color:inherit;padding:16px;font-family:Noto Sans,system-ui,sans-serif}body[data-theme=light] textarea{border-color:#00000026}.cleanup-options{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.cleanup-options label{display:flex;gap:8px;align-items:center}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.modal-actions .primary{background:#5972c5;color:#f7fbff}.modal-actions .secondary{background:#ffffff14}.form-row{display:flex;flex-direction:column;gap:8px}.chip-group{display:flex;gap:8px;flex-wrap:wrap}select{background-color:#1e2228;color:#e6e8eb;border:1px solid #2a2f36}select option{background-color:#1e2228;color:#e6e8eb}select option:hover,select option:focus,select option:checked{background-color:#2a2f36;color:#fff}select{border-radius:var(--radius);padding:10px 14px}body[data-theme=light] select{background-color:#ffffffe6;color:#1f2430;border-color:#0003}body[data-theme=light] select option{background-color:#fffffff2;color:#1f2430}body[data-theme=light] select option:hover,body[data-theme=light] select option:focus,body[data-theme=light] select option:checked{background-color:#e1e3e9f2;color:#1f2430}.about-view{min-height:0;padding:32px 16px 48px;display:none}.about-view:not([hidden]){display:flex;justify-content:center;width:100%}.about-card{width:min(960px,100%);background:#ffffff08;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:24px}body[data-theme=light] .about-card{background:#00000008}.about-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.about-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;opacity:.6;margin:0 0 4px}.about-section{display:flex;flex-direction:column;gap:16px}.about-section h2{margin:0;font-size:1.4rem}.about-figure{margin:0;border-radius:20px;overflow:hidden}.about-figure img{width:100%;display:block;object-fit:cover}.app-footer{width:100%;text-align:center;font-size:.9rem;opacity:.7;padding:24px 16px;margin-top:24px}.app-footer a{color:inherit;text-decoration:underline}@media(max-width:720px){.about-card{padding:24px}.about-header{flex-direction:column;align-items:flex-start}.about-back-btn{width:100%;text-align:center}}.shortcut-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.shortcut-list strong{display:inline-block;min-width:60px;font-weight:600}.hint,.status-text{font-size:.9rem;opacity:.7}.toast,.alert-dialog{position:fixed;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:999px;background:#000c;color:#fff;opacity:0;transition:opacity var(--transition),transform var(--transition);pointer-events:none;z-index:30}.toast{bottom:32px}.alert-dialog{top:32px;background:#d35555}.toast.visible,.alert-dialog.visible{opacity:1}.modal-open{overflow:hidden}@media(max-width:720px){#app{padding:12px}.reader-panel{min-height:240px;padding:32px 16px}.control-bar{grid-template-columns:1fr}.primary-controls,.secondary-controls,.toggle-controls{justify-content:center}.wpm-control{order:-1}.control-btn,.toggle-btn{flex:1;justify-content:center}.reader-word{font-size:calc(var(--reader-font-size) * .8)}}