: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;min-width:0;display:grid;overflow:hidden}.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);word-break:break-word;overflow-wrap:anywhere;font-size:.95rem}.book-title{color:var(--text-strong);word-break:break-word;overflow-wrap:anywhere;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700}.book-title a{color:inherit;text-decoration:none}.book-title a:hover{text-decoration:underline}.status-text{word-break:break-word;overflow-wrap:anywhere;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{cursor:pointer;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}.wpm-presets{flex-wrap:wrap;gap:.4rem;display:flex}.wpm-preset-button{flex:auto;min-width:3rem;padding:.4rem .6rem;font-size:.85rem}.wpm-preset-button.wpm-preset-active{background:var(--accent);color:var(--accent-contrast,#fff);border-color:var(--accent)}.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-list-empty-title{margin:0 0 .6rem}.feed-suggestions{gap:.4rem;display:grid}.feed-suggestion{background:var(--reader-surface);border:1px solid var(--border-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.feed-suggestion-title{color:var(--text-primary);font-size:.9rem}.feed-folder{border:1px solid var(--border-soft);background:0 0;border-radius:14px;margin-bottom:.75rem;display:block}.feed-folder[open]{background:var(--reader-surface)}.feed-folder-summary{cursor:pointer;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-weight:600;list-style:none;display:flex}.feed-folder-summary::-webkit-details-marker{display:none}.feed-folder-summary:before{content:"▸";color:var(--text-muted);margin-right:.5rem;transition:transform .15s}.feed-folder[open]>.feed-folder-summary:before{content:"▾"}.feed-folder-title{color:var(--text-primary);flex:auto}.feed-folder-meta{color:var(--text-muted);font-size:.8rem;font-weight:400}.feed-folder-body{gap:.6rem;padding:0 .5rem .5rem;display:grid}.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;min-width:0;display:flex}.feed-card-header>div{min-width:0}.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-card-refreshed{color:var(--text-muted);margin:.15rem 0 0;font-size:.78rem;font-style:italic}.link-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast{background:var(--reader-surface);border:1px solid var(--border);color:var(--text-primary);pointer-events:auto;border-radius:12px;align-items:center;gap:.75rem;max-width:min(420px,92vw);padding:.65rem .95rem;font-size:.9rem;animation:.18s ease-out toast-in;display:flex;box-shadow:0 8px 24px #00000040}.toast-dismissing{opacity:0;transition:opacity .18s ease-in,transform .18s ease-in;transform:translateY(8px)}.toast-message{flex:auto}.toast-action{white-space:nowrap}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.95rem;line-height:1}.toast-close:hover{color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.link-button:hover{opacity:.8}.feed-card-refreshing{position:relative;overflow:hidden}.feed-card-refreshing:after{content:"";background:var(--accent);width:40%;height:2px;animation:1.2s linear infinite feed-card-shimmer;position:absolute;top:0;left:-40%}@keyframes feed-card-shimmer{0%{left:-40%}to{left:100%}}.page-progress{background:var(--border-soft);appearance:none;border:none;border-radius:2px;width:100%;height:4px;margin-top:.35rem;overflow:hidden}.page-progress::-webkit-progress-bar{background:var(--border-soft);border-radius:2px}.page-progress::-webkit-progress-value{background:var(--accent);border-radius:2px}.page-progress::-moz-progress-bar{background:var(--accent);border-radius:2px}.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-item-limit-row{color:var(--text-primary);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.feed-item-limit-select{border:1px solid var(--border-strong);background:var(--field-bg);color:var(--text-primary);border-radius:10px;padding:.35rem .6rem;font-size:.9rem}.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:flex-start;align-items:center;gap:.75rem;display:flex}.feed-discovery-item-info{flex:1;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-discovery-item .secondary-button{flex:none;align-self:center;width:auto}.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}}