:root{--accent:#ef4444;--accent-soft:#f87171;--accent-surface:#ef444429;--accent-surface-strong:#f8717166;--border:#94a3b82e;--border-soft:#94a3b81f;--border-strong:#94a3b840;--bg-end:#0f172a;--bg-radial:#3b82f626;--bg-start:#08111f;--button-secondary-bg:#1e293bc7;--button-secondary-strong:#1e293be0;--field-bg:#0f172acc;--highlight-text:#08111f;--info:#7dd3fc;--panel-bg:#0f172ac7;--panel-shadow:#02061757;--reader-bg:#08111ff0;--reader-font-family:inherit;--reader-letter-spacing:-.05em;--reader-surface:#08111fa6;--surface-overlay:#0f172ae0;--text-primary:#e2e8f0;--text-soft:#cbd5e1;--text-strong:#f8fafc;--text-muted:#94a3b8;color:var(--text-primary);background:var(--bg-start);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.5}:root[data-theme=light]{--accent-surface:#ef44441f;--accent-surface-strong:#ef444447;--border:#0f172a29;--border-soft:#0f172a1a;--border-strong:#0f172a2e;--bg-end:#e2e8f0;--bg-radial:#3b82f62e;--bg-start:#f8fafc;--button-secondary-bg:#e2e8f0eb;--button-secondary-strong:#e2e8f0fa;--field-bg:#ffffffeb;--highlight-text:#fff;--info:#0369a1;--panel-bg:#ffffffd1;--panel-shadow:#94a3b84d;--reader-bg:#fffffff5;--reader-surface:#f1f5f9eb;--surface-overlay:#fffffff5;--text-primary:#1e293b;--text-soft:#334155;--text-strong:#0f172a;--text-muted:#475569}:root[data-theme=high-contrast]{--accent:#ff4b4b;--accent-soft:#ff7b7b;--accent-surface:#ff4b4b33;--accent-surface-strong:#ff4b4b73;--border:#ffffffb8;--border-soft:#ffffff85;--border-strong:#ffffffb8;--bg-end:#000;--bg-radial:#ffffff1a;--bg-start:#000;--button-secondary-bg:#111;--button-secondary-strong:#111;--field-bg:#0a0a0a;--highlight-text:#000;--info:#7dd3fc;--panel-bg:#000000f5;--panel-shadow:#ffffff29;--reader-bg:#000;--reader-surface:#0a0a0a;--surface-overlay:#000;--text-primary:#fff;--text-soft:#fff;--text-strong:#fff;--text-muted:#f5f5f5}*{box-sizing:border-box}body{background:radial-gradient(circle at top, var(--bg-radial), transparent 34%), linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%);min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:not-allowed;opacity:.55}textarea,.text-input,input[type=range]{width:100%}.text-input,textarea{border:1px solid var(--border-strong);background:var(--field-bg);color:var(--text-primary);border-radius:16px}textarea{resize:vertical;min-height:11rem;padding:1rem}.text-input{padding:.95rem 1rem}input[type=range]{accent-color:#ef4444}#app{min-height:100dvh}.app-shell{align-content:start;gap:1rem;width:min(52rem,100% - 1rem);min-height:100dvh;margin:0 auto;padding:1rem 0 2rem;display:grid}.hero{padding:.5rem .5rem 0}.hero-top-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hero-brand{align-items:center;gap:.8rem;display:inline-flex}.app-settings-menu{position:relative}.app-settings-menu .settings-summary{border:1px solid var(--border-strong);background:var(--button-secondary-bg);min-height:3rem;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.25rem;display:inline-flex}.app-settings-content{z-index:10;background:var(--panel-bg);border:1px solid var(--border-soft);width:min(18rem,100vw - 2rem);box-shadow:0 24px 60px var(--panel-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;padding:.75rem;position:absolute;top:calc(100% + .5rem);right:0}.hero-brand-icon{width:2.4rem;height:2.4rem;box-shadow:0 14px 28px var(--panel-shadow);border-radius:.9rem;flex:none}.eyebrow{color:var(--accent-soft);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:700}h1,h2,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,4.4rem);line-height:.98}h2{margin-bottom:.35rem;font-size:1.35rem}.hero-copy,.status-text{color:var(--text-muted)}.hero-copy{max-width:38rem;margin-top:1rem;font-size:1rem}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.mode-button{border:1px solid var(--border);background:var(--panel-bg);min-height:3rem;color:var(--text-soft);border-radius:999px;font-weight:700}.mode-button-active{background:linear-gradient(135deg, var(--accent-surface), #3b82f629);color:var(--text-strong);border-color:var(--accent-surface-strong)}.library-panel,.reader-panel{border:1px solid var(--border);background:var(--panel-bg);box-shadow:0 24px 60px var(--panel-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px}.library-panel{overflow:hidden}.library-panel summary{cursor:pointer;padding:1rem 1.25rem;font-weight:700;list-style:none}.library-panel summary::-webkit-details-marker{display:none}.settings-summary{cursor:pointer;color:var(--text-strong);font-weight:700;list-style:none}.settings-summary::-webkit-details-marker{display:none}.library-content{gap:1rem;padding:0 1.25rem 1.25rem;display:grid}.field-stack{gap:.75rem;display:grid}.mode-panel-hidden{display:none}.file-picker,.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1.25rem;font-weight:700;transition:transform .12s,background-color .12s,border-color .12s;display:inline-flex}.file-picker{width:100%}.file-picker,.secondary-button{border:1px solid var(--border-strong);background:var(--button-secondary-bg);color:var(--text-primary)}.primary-button{color:#fff;background:linear-gradient(135deg,#ef4444,#fb7185)}.primary-button-wide{grid-column:1/-1;width:100%}.file-picker:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.reader-panel{gap:1.5rem;padding:1.25rem;display:grid}.reader-meta{text-align:center;gap:.35rem;display:grid}.reader-label{color:#f87171;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.reader-title{color:var(--text-muted);margin:0;font-size:1rem}.page-context{color:var(--text-soft);font-size:.95rem}.book-title{color:var(--text-strong);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700}.status-text{font-size:.95rem}.reader-frame{background:radial-gradient(circle at top, #f8717114, transparent 46%), var(--reader-bg);border:1px solid var(--border-soft);perspective:1400px;border-radius:32px;place-items:center;min-height:min(52vh,24rem);padding:1.5rem .75rem;display:grid;position:relative;overflow:hidden}.word-display{width:min(100%,24rem);font-family:var(--reader-font-family);font-size:var(--reader-word-size,clamp(3.25rem, 11vw, 5.9rem));letter-spacing:var(--reader-letter-spacing,-.05em);text-transform:none;transform-origin:50%;backface-visibility:hidden;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;padding:0 1rem;font-weight:700;line-height:1;transition:opacity .22s,transform .62s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.word-display>span{min-width:0}.word-display-empty{width:auto;color:var(--text-muted);letter-spacing:normal;text-align:center;padding:0 1.5rem;font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.5;display:block}.word-before,.word-after{color:var(--text-primary);white-space:pre}.word-before{text-align:right;justify-self:end}.word-focus{color:var(--accent)}.word-after{text-align:left;justify-self:start}.page-preview{opacity:0;pointer-events:none;transform-origin:50%;backface-visibility:hidden;align-items:stretch;transition:opacity .24s,transform .68s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:1rem;transform:translate(16%)rotateY(-24deg)scale(.96)}.reader-frame-page-preview .word-display{opacity:0;transform:translate(-18%)rotateY(24deg)scale(.9)}.reader-frame-page-preview .page-preview{opacity:1;pointer-events:auto;transform:translate(0)rotateY(0)scale(1)}.page-preview-content{background:var(--surface-overlay);border:1px solid var(--border-soft);text-align:left;border-radius:24px;align-content:start;gap:.9rem;height:100%;padding:1.1rem 1.15rem;display:grid;overflow:auto}.page-preview-label{color:var(--accent-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700}.page-preview-title{margin:0;font-size:1.15rem;line-height:1.35}.page-preview-meta{color:var(--text-muted);word-break:break-word;margin:0;font-size:.9rem}.page-preview-body{color:var(--text-primary);font-family:var(--reader-font-family);font-size:var(--page-preview-font-size,clamp(1rem, 2vw, 1.08rem));line-height:1.75}.page-preview-word-current{color:var(--highlight-text);background:var(--accent);border-radius:.35rem;padding:.1em .25em;font-weight:700}.reader-actions{gap:1rem;display:grid}.settings-panel{background:var(--reader-surface);border:1px solid var(--border-soft);border-radius:22px;gap:.85rem;padding:.95rem 1rem;display:grid}.settings-panel-content{gap:.75rem;display:grid}.reader-button-row{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.reader-options-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;display:grid}.position-control,.page-font-control,.settings-control,.speed-control{background:var(--reader-surface);border:1px solid var(--border-soft);border-radius:22px;gap:.6rem;padding:.95rem 1rem;display:grid}.position-slider-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.settings-panel>.page-font-control,.settings-panel>.settings-control,.settings-panel .settings-control,.settings-panel .page-font-control{padding:.95rem 1rem}.settings-control-checkbox{gap:.45rem}.settings-help{color:var(--text-muted);margin:0;line-height:1.5}.page-step-button{background:var(--button-secondary-strong);width:2.75rem;min-width:2.75rem;min-height:2.75rem;color:var(--text-primary);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:inline-flex}.checkbox-row{color:var(--text-primary);align-items:center;gap:.75rem;display:flex}.checkbox-row input{accent-color:#ef4444}.feed-list{gap:.85rem;display:grid}.feed-list-empty{color:var(--text-muted);margin:0}.feed-card{background:var(--reader-surface);border:1px solid var(--border-soft);border-radius:22px;gap:.85rem;padding:1rem;display:grid}.feed-card-active{border-color:var(--accent-surface-strong)}.feed-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.feed-card-title{margin:0 0 .35rem;font-size:1.05rem}.feed-card-url{color:var(--text-muted);word-break:break-word;margin:0;font-size:.9rem}.feed-badge{background:var(--accent-surface);color:var(--accent-soft);white-space:nowrap;border-radius:999px;padding:.35rem .7rem;font-size:.82rem}.feed-card-actions{flex-wrap:wrap;gap:.6rem;display:flex}.feed-card-actions>button{flex:9rem}.word-measure{visibility:hidden;pointer-events:none;white-space:pre;font-family:var(--reader-font-family);letter-spacing:var(--reader-letter-spacing,-.05em);font-weight:700;line-height:1;position:absolute}.field-label,.speed-header{font-weight:600}.feed-tools{gap:.75rem;display:grid}.feed-discovery-results[hidden]{display:none}.feed-discovery-results{border:1px solid var(--border-soft);background:var(--reader-surface);border-radius:16px;gap:.5rem;padding:.75rem;display:grid}.feed-discovery-item{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.feed-discovery-item-info{gap:.1rem;min-width:0;display:grid}.feed-discovery-item-title{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.feed-discovery-item-url{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.feed-discovery-item-desc{color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.feed-discovery-item-meta{color:var(--text-muted);font-size:.75rem}.feed-toolbar-actions{flex-wrap:wrap;gap:.6rem;display:flex}.feed-toolbar-actions>button{white-space:nowrap;flex:10rem;min-height:2.75rem;padding:.65rem 1rem}.select-input{border:1px solid var(--border-strong);background:var(--field-bg);width:100%;min-height:3rem;color:var(--text-primary);border-radius:16px;padding:.8rem 1rem}.update-banner{border:1px solid var(--accent-surface-strong);background:linear-gradient(135deg, var(--accent-surface), #3b82f624);border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.update-banner[hidden]{display:none}.speed-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-focus-mode .hero,.is-focus-mode .mode-switch,.is-focus-mode #library-panel{display:none}.keyboard-help-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.keyboard-help-overlay[hidden]{display:none}.keyboard-help-panel{background:var(--panel-bg);border:1px solid var(--border-soft);width:min(32rem,100vw - 2rem);max-height:calc(100dvh - 4rem);box-shadow:0 24px 60px var(--panel-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;gap:1rem;padding:1.5rem;display:grid;overflow:auto}.keyboard-help-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.keyboard-help-title{margin:0;font-size:1.15rem}.keyboard-shortcut-list{grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1.25rem;margin:0;display:grid}.keyboard-shortcut-list dt{align-items:center;gap:.3rem;display:flex}.keyboard-shortcut-list dd{color:var(--text-soft);margin:0}kbd{border:1px solid var(--border-strong);background:var(--button-secondary-bg);min-width:1.75rem;height:1.75rem;color:var(--text-primary);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:0 .4rem;font-family:monospace;font-size:.85rem;font-weight:700;display:inline-flex}@media (width<=640px){.app-shell{width:min(100%,100% - .5rem);padding-bottom:1rem}.hero-top-row{flex-direction:column;align-items:stretch}.app-settings-content{width:100%;margin-top:.5rem;position:static}.library-panel,.reader-panel{border-radius:24px}.library-panel summary,.library-content,.reader-panel{padding-left:1rem;padding-right:1rem}.reader-frame{border-radius:26px;min-height:48vh;padding:1rem .35rem}.word-display{width:min(100%,18rem);padding:0 .5rem;font-size:clamp(2.8rem,16vw,4.5rem)}.page-preview{inset:.7rem}.page-preview-content{border-radius:20px;padding:.95rem}.primary-button,.secondary-button{width:100%}.reader-button-row{grid-template-columns:1fr}.reader-options-grid,.feed-toolbar-actions,.update-banner{flex-direction:column;grid-template-columns:1fr}.feed-toolbar-actions>button{flex:0 auto}.feed-card-actions>button{flex:none;min-height:2.75rem}.position-slider-row{gap:.5rem}.page-step-button{width:2.5rem;min-width:2.5rem;min-height:2.5rem}.feed-card-header,.feed-card-actions{flex-direction:column}.feed-badge{white-space:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}