@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/fonts/Lexend.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.onboarding-overlay{position:fixed;inset:0;pointer-events:none;z-index:100}.onboarding-skip{position:absolute;top:52px;right:16px;pointer-events:auto;z-index:2;background:transparent;border:none;border-radius:0;padding:0;color:var(--text-muted);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.onboarding-skip:hover{color:var(--text)}.onboarding-skip kbd{background:var(--panel);padding:2px 5px;border-radius:3px;font-family:inherit;font-size:11px}.onboarding-wpm{position:absolute;bottom:100px;left:calc(50% - .33em);transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;padding:0;animation:fadeInUp .4s ease;transition:all .3s ease}.onboarding-wpm.ramping{transform:translate(-50%) scale(1.03)}.onboarding-wpm-number{font-size:32px;font-weight:600;color:var(--text);line-height:1;transition:all .3s ease}.onboarding-wpm.ramping .onboarding-wpm-number{color:var(--accent)}.onboarding-wpm-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.onboarding-wpm.ramping .onboarding-wpm-label{color:var(--text)}.onboarding-complete{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);pointer-events:auto;animation:fadeIn .4s ease;padding:24px;overflow:hidden}.onboarding-summary{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;width:100%;padding:8px 16px}.onboarding-summary-title{font-size:24px;font-weight:650;color:var(--text);margin:0 0 6px;text-align:center}.onboarding-summary-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 22px;text-align:center}.onboarding-stats{display:flex;justify-content:center;gap:12px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--border);width:100%}.onboarding-tutorial-steps{column-count:2;column-gap:32px;margin-bottom:24px;width:100%}.onboarding-tutorial-step{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:12px 0;border-bottom:1px solid var(--border);break-inside:avoid-column}.onboarding-tutorial-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--accent);border:1px solid var(--accent);border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.onboarding-tutorial-text{display:flex;flex-direction:column;gap:4px;padding-top:4px}.onboarding-tutorial-step-title{font-size:14px;font-weight:600;color:var(--text)}.onboarding-tutorial-step-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.onboarding-tutorial-continue{background:var(--accent);color:var(--bg);border:none;border-radius:999px;padding:12px 32px;font-size:15px;font-weight:500;cursor:pointer}.onboarding-web-cta{width:100%;margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;gap:12px}.onboarding-web-cta-header{text-align:center}.onboarding-web-cta-title{font-size:16px;font-weight:600;color:var(--text);margin:0}.onboarding-web-cta-subtitle{font-size:12px;color:var(--text-muted);margin:4px 0 0}.onboarding-web-cta-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.onboarding-web-cta-list li{font-size:12px;color:var(--text)}.onboarding-web-cta-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.onboarding-web-cta-button{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--element);color:var(--text);font-size:12px;font-family:var(--font-mono);text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.onboarding-web-cta-button:hover{background:var(--element-hover)}.onboarding-web-cta-button.secondary{background:transparent;color:var(--text-muted)}.onboarding-web-cta-button.secondary:hover{background:var(--element);color:var(--text)}.onboarding-interests{max-width:820px;margin:0 auto;width:100%;padding:8px 16px;display:flex;flex-direction:column;align-items:center}.onboarding-interests-title{font-size:24px;font-weight:650;color:var(--text);margin:0 0 6px;text-align:center}.onboarding-interests-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 22px;text-align:center}.onboarding-interests-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin-bottom:24px;width:100%}.onboarding-interest-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 16px;background:color-mix(in srgb,var(--bg) 85%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:14px;cursor:pointer;transition:all .2s ease;position:relative}.onboarding-interest-card:hover{border-color:var(--accent)}.onboarding-interest-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.onboarding-interest-icon{font-size:24px}.onboarding-interest-label{font-size:14px;font-weight:500;color:var(--text);text-align:center}.onboarding-interest-check{position:absolute;top:8px;right:8px;font-size:14px;color:var(--accent)}.onboarding-upload.disabled,.onboarding-continue.disabled{opacity:.5;cursor:not-allowed}.onboarding-upload.disabled:hover,.onboarding-continue.disabled:hover{transform:none;border-color:var(--border);background:var(--accent)}.onboarding-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg) 80%,transparent)}.onboarding-stat .stat-number{font-size:28px;font-weight:600;color:var(--text);line-height:1}.onboarding-stat .stat-label{font-size:12px;color:var(--text-muted)}.onboarding-actions{display:flex;align-items:center;gap:12px}.onboarding-interests .onboarding-actions{width:100%;justify-content:center;gap:12px}.onboarding-interests .onboarding-actions .onboarding-upload,.onboarding-interests .onboarding-actions .onboarding-continue{flex:1}.onboarding-upload{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;min-width:120px}.onboarding-upload:hover{border-color:var(--accent);color:var(--accent)}.onboarding-continue{background:var(--accent);color:var(--bg);border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center}.onboarding-continue:hover{background:var(--accent-hover);transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.onboarding-loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:24px}@media (max-width: 600px){.onboarding-skip{top:calc(env(safe-area-inset-top,0px) + 12px);right:12px}.onboarding-skip kbd{display:none}.onboarding-wpm{bottom:calc(140px + var(--safe-bottom, 0px))}.onboarding-stat .stat-number{font-size:36px}.onboarding-message{font-size:14px;padding:0 24px}.onboarding-actions{flex-direction:column;width:min(240px,100%)}.onboarding-upload,.onboarding-continue{width:100%;justify-content:center}.onboarding-tutorial-steps{column-count:1;column-gap:0}.onboarding-web-cta-buttons{grid-template-columns:1fr}}:root{--bg: #181818;--panel: #141414;--element: #262626;--element-hover: #333333;--text: #e5e5e5;--text-muted: #737373;--accent: #88c0d0;--accent-hover: #8ecece;--border: #262626;--sheet-grabber: rgba(255, 255, 255, .18);--font-mono: "Geist", "Geist Mono", "SF Mono", "Menlo", "Monaco", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: rgba(0, 0, 0, .25);--glass-highlight: rgba(255, 255, 255, .1);--glass-hover: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.app{display:flex;flex-direction:column;min-height:100vh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--bg)}.header{padding:0 24px 24px;border-bottom:1px solid var(--border)}.title{font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--text)}.subtitle{font-size:12px;color:var(--text-muted);margin-top:4px}.custom-titlebar{display:flex;justify-content:center;align-items:center;min-height:38px;padding:0 16px 0 76px;background:var(--bg);position:relative;width:100%;user-select:none;transition:opacity .2s ease}.custom-titlebar.custom-titlebar-hidden{opacity:0;visibility:hidden}.app-title{font-size:13px;font-weight:500;color:var(--text-muted);margin:0;position:absolute;left:50%;transform:translate(-50%);pointer-events:none;user-select:none}.app.onboarding-active .app-title,.app.onboarding-active .header-controls,.onboarding-demo-active .app-title,.onboarding-demo-active .header-controls{opacity:0;pointer-events:none}.app.onboarding-active .custom-titlebar,.onboarding-demo-active .custom-titlebar,.onboarding-demo-active .rsvp-footer,.onboarding-demo-active .controls-wrapper,.onboarding-demo-active .progress-bar,.onboarding-demo-active .mobile-footer{opacity:0;visibility:hidden;pointer-events:none}.header-controls{display:flex;align-items:center;gap:0;position:absolute;right:16px}.custom-titlebar>.btn-icon{position:absolute;right:16px}.main{flex:1;position:relative;padding:0 24px;min-width:0;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding-bottom:var(--safe-bottom);background:var(--bg)}.rsvp-reader{--rsvp-display-min-height: 7.5em;--rsvp-progress-gap: 1.25em;--rsvp-controls-gap: 64px;--rsvp-display-top: 50%;--rsvp-footer-bottom: var(--safe-bottom);--rsvp-footer-gap: 12px;--rsvp-guide-gap: 7.5em;--rsvp-guide-segment: 5.5em;--rsvp-guide-segment-top: var(--rsvp-guide-segment);--rsvp-guide-segment-bottom: var(--rsvp-guide-segment);position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;margin-bottom:10vh}.rsvp-reader>*{pointer-events:auto}.rsvp-empty{font-size:.8125em;color:var(--text-muted)}.rsvp-display{position:absolute;top:var(--rsvp-display-top, 50%);left:var(--rsvp-orp-anchor, 48%);transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;min-height:var(--rsvp-display-min-height);width:25em;max-width:100%}.rsvp-display.touch-enabled{cursor:pointer;padding:3em 2em;margin:-3em -2em}.tap-hint{position:absolute;bottom:-2.5em;left:50%;transform:translate(-50%);font-size:.75em;color:var(--text-muted);opacity:.6;letter-spacing:.1em;text-transform:uppercase;animation:tapHintPulse 2s ease-in-out infinite;pointer-events:none}@keyframes tapHintPulse{0%,to{opacity:.4}50%{opacity:.7}}.rsvp-guide-line{position:absolute;left:50%;top:50%;width:1px;height:calc(var(--rsvp-guide-gap, 2.75em) + var(--rsvp-guide-segment-top, var(--rsvp-guide-segment, 2.05em)) + var(--rsvp-guide-segment-bottom, var(--rsvp-guide-segment, 2.05em)));transform:translate(-50%,-50%);overflow:hidden;opacity:.6;z-index:0}.rsvp-guide-line:before,.rsvp-guide-line:after{content:"";position:absolute;left:0;right:0;background:var(--accent)}.rsvp-guide-line:before{height:var(--rsvp-guide-segment-top, var(--rsvp-guide-segment, 2.05em));top:0}.rsvp-guide-line:after{height:var(--rsvp-guide-segment-bottom, var(--rsvp-guide-segment, 2.05em));bottom:0}.rsvp-footer{position:absolute;left:50%;bottom:var(--rsvp-footer-bottom, calc(var(--safe-bottom) + 32px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--rsvp-footer-gap, 12px);width:100%;max-width:600px;pointer-events:auto}.rsvp-word{font-size:var(--rsvp-word-base, clamp(1.05em, 3vw, 2em));font-family:var(--reader-font, var(--font-mono));font-weight:var(--reader-font-weight, 400);color:var(--text);letter-spacing:.04em;position:relative;z-index:1;line-height:1;height:1em;white-space:nowrap;overflow:visible}.rsvp-word-orp{color:var(--accent);font-weight:inherit;white-space:nowrap;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.rsvp-word-before{color:var(--text-muted);white-space:nowrap;position:absolute;left:50%;top:50%;transform:translate(calc(-100% - (var(--rsvp-orp-advance, 0px) / 2)),-50%)}.rsvp-word-after{white-space:nowrap;position:absolute;left:50%;top:50%;transform:translate(calc((var(--rsvp-orp-advance, 0px) / 2)),-50%)}.rsvp-orp-measure{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);visibility:hidden;pointer-events:none;white-space:nowrap;font:inherit;letter-spacing:inherit}.rsvp-word-before,.rsvp-word-after{color:var(--text-muted)}.rsvp-word-orp{color:var(--accent);font-weight:500}@media (max-height: 560px){.rsvp-reader{--rsvp-progress-gap: .75em;--rsvp-controls-gap: 48px}}.rsvp-phantom{font-size:var(--rsvp-word-base, clamp(1.05em, 3vw, 2em));font-family:var(--reader-font, var(--font-mono));font-weight:var(--reader-font-weight, 400);color:var(--text-muted);letter-spacing:.04em;position:absolute;top:50%;transform:translateY(-50%);opacity:.2;z-index:0;pointer-events:none;white-space:nowrap}.rsvp-phantom-left{left:50%;transform:translate(calc(-100% - 5em),-50%)}.rsvp-phantom-right{left:50%;transform:translate(5em,-50%)}.progress{position:static;width:100%;display:flex;flex-direction:column;gap:8px;padding:0 24px}.progress-bar{height:1px;background:var(--border);position:relative;overflow:hidden}.progress-bar.seekable{cursor:pointer;height:4px;border-radius:2px;overflow:visible}.progress-bar.seekable:before{content:"";position:absolute;inset:-10px 0}.progress-bar.seekable .progress-fill{border-radius:2px}.progress-bar.seekable:hover{background-color:var(--border-hover, var(--border))}.progress-bar.seekable:active .progress-fill,.progress-bar.seekable.dragging .progress-fill{background:var(--accent-active, var(--accent))}.progress-bar.seekable.dragging{cursor:grabbing}.progress-fill{height:100%;background:var(--accent);transition:width .15s ease}.progress-bar.dragging .progress-fill{transition:none}.progress-info{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);position:relative}.progress-percent{font-variant-numeric:tabular-nums}.progress-time{font-variant-numeric:tabular-nums;position:absolute;left:50%;transform:translate(-50%)}.progress-count{font-variant-numeric:tabular-nums}.controls-wrapper{display:contents}.controls-wrapper.hidden{visibility:hidden;pointer-events:none}.controls-wrapper.hidden .controls{display:none}.controls-wrapper.visible{visibility:visible;pointer-events:auto}.controls{position:static;display:flex;justify-content:center;width:100%}.controls-group{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;position:relative;background:var(--glass-bg, rgba(128, 128, 128, .12));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border, rgba(128, 128, 128, .2));box-shadow:0 4px 24px var(--glass-shadow, rgba(0, 0, 0, .1)),inset 0 1px 0 var(--glass-highlight, rgba(255, 255, 255, .1))}.skip-indicator{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:10px;color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:var(--panel);padding:2px 6px;border-radius:3px;border:1px solid var(--border);z-index:10}.btn{font-family:var(--font-mono);font-size:12px;color:var(--text);background:var(--element);border:1px solid var(--border);padding:8px 14px;border-radius:10px;cursor:pointer;transition:all .15s ease;letter-spacing:-.01em;touch-action:manipulation}.btn:hover{background:var(--element-hover)}.btn:active{transform:translateY(1px)}.btn-icon{padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;background:transparent;border:none;color:var(--text-muted);transition:all .2s ease}.controls-group .btn-icon:hover{color:var(--text);background:var(--glass-hover)}.controls-group .btn-icon:active{transform:scale(.92)}.custom-titlebar>.btn-icon{position:absolute;right:16px;padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.header-controls .btn-icon{padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.custom-titlebar>.btn-icon:hover,.header-controls .btn-icon:hover{color:var(--text)}.custom-titlebar>.btn-icon svg,.header-controls .btn-icon svg,.custom-titlebar>.btn-icon img,.header-controls .btn-icon img{display:block;width:14px;height:14px}.header-btn-icon{width:18px;height:22px;display:block;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.btn-play{padding:10px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);transition:all .2s ease}@media (min-width: 769px){.btn-play svg{transform:translate(2px,1px)}}.btn-play:hover{color:var(--text);background:var(--glass-hover)}.btn-play:active{transform:scale(.92)}.btn-play.playing{color:var(--accent)}.btn-play:hover{background:linear-gradient(135deg,#fff3,#ffffff14);transform:scale(1.05)}.btn-play:active{transform:scale(.95)}.btn-play.preparing{opacity:.6;cursor:wait}.btn-play .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-ramp.active{color:var(--accent)}.btn-speed{font-size:11px;padding:8px 12px;font-variant-numeric:tabular-nums}.wpm-input{width:60px;text-align:center;padding:8px;font-size:11px;font-variant-numeric:tabular-nums;border:none;-moz-appearance:textfield}.wpm-input::-webkit-outer-spin-button,.wpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wpm-input:focus{outline:none;border:none;background:var(--element-hover)}.wpm-label{font-size:11px;color:var(--text-muted);margin-left:4px;font-variant-numeric:tabular-nums}.wpm-stepper{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border:none;border-radius:16px;background:transparent}.wpm-stepper-btn{width:24px;height:24px;padding:0;border-radius:50%;background:transparent;border:none;color:var(--text-muted)}.wpm-stepper-btn:hover{color:var(--text);background:var(--glass-hover)}.wpm-stepper-btn{width:28px;height:28px;padding:0;border-radius:50%;background:transparent;border:none;color:var(--text-muted)}.wpm-stepper-btn:hover{color:var(--text);background:#ffffff1a}.wpm-stepper-btn:active{transform:scale(.9)}.wpm-stepper-value{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text)}.wpm-stepper-display{display:inline-flex;align-items:baseline;gap:4px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.wpm-stepper-display:focus{outline:none}.wpm-stepper-number{font-size:13px;font-weight:500}.wpm-stepper-unit{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.speed-control{position:relative;display:flex;align-items:center;margin-left:2px;padding-left:8px;border-left:1px solid var(--glass-border)}.speed-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:4px;min-width:100px;z-index:10}.speed-option{width:100%;text-align:left;font-size:11px;font-variant-numeric:tabular-nums;padding:6px 8px;color:var(--text);background:transparent;border:none;border-radius:3px;cursor:pointer;transition:background .1s}.speed-option:hover{background:var(--element)}.speed-option.active{color:var(--accent)}.actions{display:flex;gap:8px;margin-top:16px}.btn-accent{color:var(--accent);border-color:#88c0d0a6;background:#88c0d00f}.btn-accent:hover{background:#88c0d01f;border-color:#88c0d0e6}.btn-accent:active{transform:translateY(.5px)}.shortcuts{margin-top:48px;text-align:center}.shortcuts-title{font-size:11px;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.shortcuts-list{display:flex;gap:16px;font-size:11px;color:var(--text-muted)}.shortcuts-list span{display:flex;align-items:center;gap:6px}.shortcuts-group{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.shortcuts-group .shortcuts-title{margin-bottom:0}.shortcuts-list.vertical{flex-direction:column;gap:10px}.shortcuts-list.vertical span{justify-content:space-between}kbd{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:var(--element);border:1px solid var(--border);border-radius:3px;color:var(--text)}.load-modal{display:flex;flex-direction:column;width:100%;max-width:520px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 0 1px #ffffff08,0 24px 64px #00000080;overflow:hidden;animation:loadSlideUp .25s cubic-bezier(.16,1,.3,1)}.load-modal.closing{animation:loadSlideDown .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes loadSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.98)}}.load-header{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.load-title{font-size:14px;font-weight:600;color:var(--text);flex-shrink:0}.load-tabs{display:flex;gap:4px;flex:1;overflow-x:auto;overscroll-behavior-x:none;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}.load-tabs::-webkit-scrollbar{display:none}.load-tab{padding:6px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .1s ease;white-space:nowrap}.load-tab:hover,.load-tab.active{color:var(--text);background:var(--element)}.load-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.6;margin-left:auto}.load-mobile-grabber{display:none}.load-close:hover{background:var(--element);color:var(--text);opacity:1}.load-body{padding:20px;max-height:60vh;overflow-y:auto;overflow-x:hidden}.load-body.no-scroll{overflow:hidden;padding:0;display:flex;flex-direction:column}@media (hover: hover) and (pointer: fine){.load-body.history-expanded{max-height:none;overflow-y:visible}.load-history-expanded-thumbnail{width:min(100%,280px);margin:0}.load-history-expanded-topic-badge{width:min(100%,280px)}.load-history-expanded-view{gap:16px;padding:18px}.load-history-expanded-stats{justify-content:flex-start;gap:28px}.load-history-expanded-actions{margin-top:8px;padding-top:8px}}.load-integrations-container{display:flex;flex-direction:column;flex:1;min-height:0}.load-integrations-header{flex-shrink:0;position:static;z-index:10;background:var(--panel);margin:0;padding:20px 20px 12px;border-bottom:1px solid var(--border)}.load-integrations-list{flex:1;overflow-y:auto;overflow-x:hidden}.load-integrations-list .load-history{margin:0}.load-expanded-header-wrapper{flex-shrink:0;background:var(--panel);z-index:5}.load-feed-source.fixed-header{position:static;top:auto;border-bottom:1px solid var(--border);margin:0}.load-integrations-container.has-expanded .load-integrations-list .load-feed-source{display:none}.load-collapse-bar{flex-shrink:0;position:static;z-index:10;background:var(--panel);border-top:1px solid var(--border);padding:12px 20px;margin:0}.load-tab-bar{display:none}.load-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;border:1px dashed var(--border);border-radius:12px;cursor:pointer;transition:all .15s ease;color:var(--text-muted);font-size:13px}.load-dropzone:hover{border-color:var(--accent);background:#88c0d008;color:var(--text)}.load-dropzone.dragging{border-color:var(--accent);border-style:solid;background:#88c0d014}.load-dropzone svg{opacity:.5}.load-formats{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;justify-content:center}.load-format{padding:4px 8px;background:var(--element);border-radius:4px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.load-input-group{display:flex;flex-direction:column;gap:12px}.load-input-row{display:flex;align-items:center;gap:10px}.load-input-icon{color:var(--text-muted);opacity:.5;flex-shrink:0}.load-input{flex:1;padding:10px 14px;background:var(--element);border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono);font-size:13px;color:var(--text);outline:none;transition:border-color .15s ease}.load-input:focus{border-color:var(--accent)}.load-input::placeholder{color:var(--text-muted);opacity:.5;font-family:inherit}.load-textarea{width:100%;padding:12px 14px;background:var(--element);border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono);font-size:13px;color:var(--text);outline:none;resize:none;transition:border-color .15s ease}.load-textarea:focus{border-color:var(--accent)}.load-textarea::placeholder{color:var(--text-muted);opacity:.5}.load-action{padding:8px 14px;background:var(--element);border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:var(--font-mono);color:var(--text);cursor:pointer;transition:all .1s ease;white-space:nowrap}.load-action:hover{background:var(--element-hover)}.load-action.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.load-action.primary:hover{background:var(--accent-hover)}.load-action:disabled{opacity:.5;cursor:not-allowed}.load-supported{display:flex;gap:12px;font-size:11px;color:var(--text-muted);opacity:.6}.load-hint{font-size:12px;color:var(--text-muted);margin:0}.load-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;color:var(--text-muted);font-size:13px}.load-signal-suggestions{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%;max-width:320px}.load-signal-suggestion{display:flex;align-items:center;justify-content:flex-start;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:var(--panel);color:var(--text-muted);font-size:12px;letter-spacing:.03em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.load-signal-suggestion span{color:var(--text)}.load-signal-suggestion:hover{background:var(--element);border-color:var(--border)}.load-empty svg{opacity:.3}.load-error{margin-top:12px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:12px;color:#fca5a5}.load-upload-combined{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.load-upload-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 24px;background:var(--element);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:center;flex:1}.load-upload-card:active{transform:scale(.98);background:var(--border)}.load-upload-card svg{color:var(--text-muted);opacity:.6}.load-upload-card-primary svg{color:var(--accent);opacity:1}.load-upload-card-secondary{border-style:dashed;background:transparent}.load-upload-url-input{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--element);border:1px solid var(--border);border-radius:12px}.load-upload-url-paste{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:8px;margin:-8px 0 -8px -8px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s}.load-upload-url-paste:active{background:var(--border);color:var(--accent)}.load-upload-url-submit{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:8px;margin:-8px -8px -8px 0;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s}.load-upload-url-submit:active{background:var(--border);color:var(--accent)}.load-upload-url-submit:disabled{opacity:.5;cursor:not-allowed}.load-upload-url-input .load-input{flex:1;background:transparent;border:none;padding:0;font-size:15px}.load-upload-url-input .load-input:focus{border:none;outline:none}.load-upload-card-title{font-size:15px;font-weight:500;color:var(--text)}.load-upload-card-subtitle{font-size:12px;font-family:var(--font-mono);color:var(--text-muted)}.load-upload-preview{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.load-upload-preview .load-textarea{flex:1;min-height:0;resize:none}.load-upload-url-preview{display:flex;align-items:center;gap:12px;padding:16px;background:var(--element);border:1px solid var(--border);border-radius:12px}.load-upload-url-preview svg{flex-shrink:0;color:var(--text-muted)}.load-upload-url-preview .load-input{flex:1;background:transparent;border:none;padding:0}.load-upload-url-preview .load-input:focus{border:none;outline:none}.load-upload-preview-actions{display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.load-upload-preview-actions .load-action{flex:1}.load-upload-preview-actions .load-action.primary{flex:2}.load-refresh-button{display:flex;align-items:center;gap:6px;position:relative;z-index:1;padding:4px 8px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:color .15s ease,background .15s ease}.load-refresh-button:hover{color:var(--text);background:var(--element)}.load-refresh-button:active{background:var(--border)}.load-refresh-button svg{flex-shrink:0}.load-refresh-button .load-refresh-time{display:inline;margin-bottom:0}.load-refresh-status{display:flex;align-items:center;gap:6px;margin-bottom:12px;padding:4px 8px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.load-refresh-time{display:block;position:relative;z-index:1;margin-bottom:12px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.load-refresh-spinner{display:inline-block;position:relative;z-index:1;width:10px;height:10px;margin-right:6px;border:1.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;vertical-align:middle;animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}.load-history-btn.spinning svg{animation:refresh-spin .8s linear infinite}.load-filter-row{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap;overflow-x:hidden;opacity:.6;transition:opacity .15s ease}.load-filter-row:hover,.load-filter-row:focus-within{opacity:1}.load-filter-pill{padding:2px 8px;font-size:10px;font-family:var(--font-mono);background:transparent;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.load-filter-pill:hover{color:var(--text)}.load-filter-pill.active{background:var(--element);color:var(--text)}@media (max-width: 600px){.load-filter-row{margin:0 -12px 12px;padding:4px 12px;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;opacity:1;scrollbar-width:none}.load-filter-row::-webkit-scrollbar{display:none}.load-filter-pill{padding:8px 12px;font-size:12px;border-radius:999px;background:var(--element);border:1px solid var(--border);color:var(--text)}.load-filter-pill.active{background:var(--accent);border-color:transparent;color:var(--bg)}}.load-integrations-container.has-expanded .load-refresh-button,.load-integrations-container.has-expanded .load-refresh-time{display:none}.signal-prompt-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:100;border-radius:12px}.load-modal.has-signal-prompt .load-header,.load-modal.has-signal-prompt .load-body{visibility:hidden}.signal-prompt{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:320px;text-align:center}.signal-prompt-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--element);border-radius:12px}.signal-prompt-content{display:flex;flex-direction:column;gap:6px}.signal-prompt-title{font-size:15px;font-weight:600;color:var(--text)}.signal-prompt-desc{font-size:13px;color:var(--text-muted);line-height:1.4}.signal-prompt-actions{display:flex;gap:10px;width:100%;margin-top:4px}.signal-prompt-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease}.signal-prompt-skip{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.signal-prompt-skip:hover{color:var(--text);border-color:var(--text-muted)}.signal-prompt-subscribe{background:var(--accent);border:none;color:var(--bg)}.signal-prompt-subscribe:hover{filter:brightness(1.1)}.signal-prompt-delete{background:#d66060e6;border:none;color:#fff}.signal-prompt-delete:hover{filter:brightness(1.1)}.load-collapse-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--element);border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:var(--font-mono);font-weight:500;color:var(--text);cursor:pointer;transition:background .15s ease}.load-collapse-btn:hover{background:var(--element-hover)}.load-collapse-btn:active{background:var(--border)}.load-search-row{position:relative;z-index:1;margin-bottom:12px;overflow-x:hidden}.load-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.load-search-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;font-family:var(--font-mono);background:var(--element);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:border-color .15s ease}.load-search-input::placeholder{color:var(--text-muted)}.load-search-input:focus{border-color:var(--accent)}.load-empty-filtered{padding:20px;text-align:center}.load-history{display:flex;flex-direction:column;margin:0 -20px -20px;overflow-x:hidden;position:relative;z-index:0}.load-history.load-history-integrations{margin-bottom:0}.load-history-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 20px;cursor:pointer;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.load-history-item.hold-preview{background:var(--element)}.load-history-item.hold-preview:after{content:"";position:absolute;inset:6px 10px;border-radius:10px;border:1px solid var(--accent);opacity:.2;pointer-events:none;animation:hold-glow 1s ease-in-out infinite}@keyframes hold-glow{0%,to{opacity:.12;transform:scale(.995)}50%{opacity:.3;transform:scale(1)}}.load-history-item:last-child{border-bottom:none}.load-history-item:hover{background:var(--element)}.load-history-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.load-history-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.load-history-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-history-edit{font-size:13px;padding:4px 8px;background:var(--element);border:1px solid var(--accent);border-radius:4px;color:var(--text);outline:none;width:100%}.load-history-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.load-history-meta-secondary{opacity:.7}.load-history-badge{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.load-history-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-history-sep{opacity:.5}.load-history-time-left{white-space:nowrap}.load-history-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity .1s ease}.load-history-item:hover .load-history-actions{opacity:1}.load-history-read{opacity:.6}.load-history-read.swipe-preview{opacity:1}.load-history-read .load-history-name{color:var(--text-muted);font-weight:400}.load-history-read .load-history-meta{color:var(--text-muted);opacity:.8}.load-history-read-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:6px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);font-size:11px;line-height:1;flex-shrink:0}.load-history-btn{padding:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.load-history-btn:hover{background:var(--element);color:var(--text)}.load-history-btn.delete:hover{color:#f87171}.load-history-expanded-view{flex:1;min-height:100%;padding:20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:20px}.load-history-expanded-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.load-history-expanded-header-main{flex:1;min-width:0}.load-history-expanded-divider{height:1px;background:var(--border);opacity:.5}.load-history-expanded-title{display:block;font-size:17px;font-weight:600;color:var(--text);line-height:1.3}.load-history-expanded-author{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.load-history-expanded-thumbnail{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9;background:var(--element)}.load-history-expanded-thumbnail img{width:100%;height:100%;object-fit:cover}.load-history-expanded-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000080}.load-history-expanded-progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.load-history-expanded-stats{display:flex;gap:24px;margin-bottom:4px}.load-history-expanded-stat{text-align:left}.load-history-expanded-stat-value{display:block;font-size:18px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.load-history-expanded-stat-label{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.load-history-expanded-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;padding-top:12px}.load-history-expanded-actions.single-action{grid-template-columns:1fr}.load-history-expanded-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;font-weight:600;border:none;border-radius:8px;background:var(--element);color:var(--text);cursor:pointer;transition:all .15s ease;text-decoration:none}.load-history-expanded-action:hover{background:var(--border)}.load-history-expanded-action.load-history-expanded-action-youtube{background:#f871711f;color:#fca5a5}.load-history-expanded-action.load-history-expanded-action-youtube:hover{background:#f8717133;color:#fecaca}.load-history-expanded-action.primary{margin-left:0;min-width:0;width:100%;background:var(--accent);color:var(--bg)}.load-history-expanded-action.primary:hover{opacity:.9}.load-history-expanded-action.secondary{background:var(--element);color:var(--text-muted)}.load-history-expanded-action.secondary:hover{color:var(--text)}.load-history-expanded-action span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (max-width: 600px){.load-history-expanded-action span{max-width:110px}}.load-history-expanded-topic-badge{position:relative;border-radius:10px;overflow:hidden;padding:16px 20px;background:var(--element);display:flex;flex-direction:row;align-items:center;gap:12px}.load-history-expanded-topic-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.load-history-expanded-topic-icon svg{width:20px;height:20px}.load-history-expanded-topic-icon img{width:20px;height:20px;border-radius:4px}.load-history-expanded-topic-label{font-size:13px;font-weight:500;color:var(--text-muted)}.load-history-expanded-topic-badge .load-history-expanded-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff26;border-radius:0 0 10px 10px;overflow:hidden}.load-history-expanded-topic-badge .load-history-expanded-progress-fill{background:#fffc}.load-history-expanded-preview{margin:0;font-size:13px;line-height:1.5;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.load-history-expanded-media-row{display:flex;flex-direction:column;gap:12px}.load-history-expanded-info{display:flex;flex-wrap:wrap;gap:12px 16px}.load-history-expanded-info-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.load-history-expanded-info-item svg{flex-shrink:0;opacity:.6}.load-history-expanded-view-transcript{grid-column:1 / -1;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.load-history-expanded-view-transcript:hover{border-color:var(--text-muted);color:var(--text)}.continue-reading-cta{display:flex;align-items:center;gap:16px;margin:0 20px 4px;padding:16px 20px;background:var(--element);border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:background .15s ease}.continue-reading-media{width:36px;height:36px;border-radius:8px;background:var(--panel);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.continue-reading-thumb{width:100%;height:100%;object-fit:cover;display:block}.continue-reading-icon{margin-right:0}.continue-reading-cta.continue-reading-sticky{position:sticky;bottom:0;margin:0;border-radius:0;border-top:1px solid var(--accent);background:var(--element);padding:14px 20px;z-index:10;box-shadow:0 -4px 12px #00000026}.continue-reading-cta:hover{background:var(--element-hover, var(--border))}.continue-reading-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;z-index:1}.continue-reading-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-weight:500}.continue-reading-title{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-reading-sticky .continue-reading-title{font-size:13px;font-weight:600}.continue-reading-meta{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.continue-reading-sticky .continue-reading-meta{font-size:11px}.continue-reading-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border)}.continue-reading-sticky .continue-reading-progress{height:3px;background:transparent}.continue-reading-progress-bar{height:100%;background:var(--accent);transition:width .3s ease}.continue-reading-arrow{flex-shrink:0;color:var(--text-muted);z-index:1;transition:transform .15s ease,color .15s ease}.continue-reading-cta:hover .continue-reading-arrow{transform:translate(2px);color:var(--accent)}.signal-checkmark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:4px;border-radius:999px;background:var(--accent);color:var(--bg);font-size:10px;line-height:1;flex-shrink:0}.load-feed-source.fully-read{opacity:.6}.load-feed-source.fully-read:hover{opacity:.8}.load-feed-source.fully-read .signal-icon{opacity:.7}.load-storyteller{display:flex;flex-direction:column;gap:12px}.load-storyteller-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.load-storyteller-status{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.load-storyteller-actions{display:flex;gap:8px}.load-books{display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.load-book{display:flex;align-items:center;gap:8px;padding:10px 0;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s ease}.load-book:last-child{border-bottom:none}.load-book:hover,.load-book.selected{background:var(--element);margin:0 -20px;padding:10px 20px}.load-book-title{font-size:13px;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-book-author{font-size:11px;color:var(--text-muted);flex-shrink:0}.load-book-badge{font-size:10px;padding:2px 6px;background:#88c0d026;color:var(--accent);border-radius:4px;flex-shrink:0}.load-feed-source{display:flex;align-items:center;padding:14px 20px;cursor:pointer;border-bottom:1px solid var(--border);box-sizing:border-box;background:var(--panel);transition:background .15s ease;position:relative;overflow:hidden}.load-swipe-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#12161c59;color:var(--text);opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.swipe-preview{background:var(--element)}.swipe-preview .load-swipe-indicator{opacity:1}.swipe-preview-read .load-swipe-indicator{background:#2e7a5859}.swipe-preview-delete .load-swipe-indicator{background:#a8343466}.load-feed-source.expanded{position:sticky;top:54px;z-index:5;background:var(--panel);border-bottom:1px solid var(--border)}.load-feed-source:not(.expanded):hover{background:var(--element)}.load-feed-source .load-history-main{flex:1;min-width:0}.load-feed-source .load-history-name{font-size:14px;color:var(--text);padding-left:2px;letter-spacing:-.01em}.load-feed-source .load-history-meta{font-size:11px;color:var(--text-muted);font-weight:500}.load-feed-source .load-history-actions{display:flex;gap:4px;opacity:1}@media (hover: hover){.load-feed-source .load-history-actions{opacity:0;transition:opacity .15s ease}.load-feed-source:hover .load-history-actions{opacity:1}}.load-feed-youtube .load-history-name svg{width:16px;height:16px;margin-right:8px}.load-feed-item-nested{padding:10px 20px 10px 28px;cursor:pointer;border-bottom:none;background:transparent}.load-feed-item-nested .load-history-main{flex:1;min-width:0}.load-feed-item-nested .load-history-name{font-size:12px;font-weight:400;color:var(--text-muted);transition:color .1s ease}.load-feed-item-nested:hover .load-history-name{color:var(--text)}.load-history-item.selected{background:var(--element)}.load-feed-video{display:flex;align-items:center;gap:12px;padding:10px 20px!important}.load-video-thumbnail{width:80px;height:45px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--element)}.load-feed-video .load-history-main{flex:1;min-width:0}.load-feed-video .load-history-name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3;word-break:break-word}.load-feed-video.loading{opacity:.6;pointer-events:none}.load-video-loading{font-size:11px;color:var(--text-muted);flex-shrink:0}.load-history-youtube{display:flex;align-items:center;gap:12px}.load-history-thumbnail{width:80px;height:45px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--element)}.load-history-youtube .load-history-main{flex:1;min-width:0}.load-history-youtube .load-history-name{display:flex;align-items:center;min-width:0}.load-history-youtube .load-history-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-history-read .load-history-name{align-items:center}.load-feed-video.load-history-read .load-history-name{color:var(--text-muted)}.load-history-author{color:var(--text-muted);font-weight:500}.signal-icon{margin-right:6px;vertical-align:middle;flex-shrink:0}.signal-icon-favicon{border-radius:6px;object-fit:cover}.load-feed-source .signal-icon{margin-right:8px}.file-upload{display:flex;flex-direction:column;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative}.file-upload-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.file-upload-overlay.closing{pointer-events:none;animation:overlayFadeOut .2s ease forwards}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.file-upload-modal{width:100%;max-width:520px;padding:0 16px}.file-input{display:none}.file-formats{margin-top:14px}.file-formats.settings-card{margin-top:12px}.file-formats-title{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.file-format{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--border)}.file-format:last-child{border-bottom:none}.file-formats.settings-card .file-format:hover{background:var(--element-hover)}.file-formats.settings-card .file-format.file-format-upload:hover{background:transparent}.file-formats.settings-card .file-format{border-bottom:1px solid rgba(255,255,255,.07)}.file-formats.settings-card .file-format:last-child{border-bottom:none}.file-format-ext{font-size:13px;color:var(--text);font-family:var(--font-mono);user-select:none}.file-format-name{font-size:12px;color:var(--text-muted)}.history-container{display:flex;flex-direction:column;min-height:200px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center}.history-empty svg{margin-bottom:16px;opacity:.5}.history-empty p{font-size:14px;margin:0}.history-empty-hint{font-size:12px;margin-top:8px;opacity:.7}.history-list{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 -20px -20px}.history-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 20px;cursor:pointer;border-bottom:1px solid var(--border);position:relative}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--element)}.history-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.history-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.history-item-name{font-size:13px;color:var(--text);font-weight:500;flex:1;word-break:break-word}.history-item-edit{flex:1;padding:4px 8px;background:var(--panel);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-size:13px;font-family:inherit;outline:none}.history-item-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s ease}.history-item:hover .history-item-actions{opacity:1}.history-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.history-action-btn:hover{background:var(--element-hover);color:var(--text)}.history-action-delete:hover{color:#f87171;background:#f871711a}.history-item-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.history-item-source{word-break:break-word}.history-item-words{flex-shrink:0}.history-item-time{margin-left:auto;flex-shrink:0;opacity:.7}.url-input-container{display:flex;flex-direction:column;gap:16px}.url-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px;background:var(--element);border:1px solid var(--border);border-radius:6px;transition:all .15s ease}.url-input-wrapper:focus-within{border-color:var(--accent);background:var(--element-hover)}.url-icon{color:var(--text-muted);flex-shrink:0}.url-input{flex:1;background:transparent;border:none;color:var(--text);font-size:13px;font-family:var(--font-mono);outline:none}.url-input::placeholder{color:var(--text-muted)}.url-load-btn{width:100%;margin-top:8px}.paste-input{min-height:110px;resize:vertical}.paste-actions .url-load-btn{margin-top:0}.url-load-btn:disabled{opacity:.5;cursor:not-allowed}.link-supported{display:flex;flex-direction:column;align-items:center;margin-top:12px;gap:8px}.link-supported-label{font-size:11px;color:var(--text-muted);text-align:center}.link-supported-badges{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}.link-supported-item{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:transparent;color:var(--text-muted);user-select:none}.link-supported-item:hover{color:var(--text)}.link-supported-icon{flex-shrink:0}.url-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:-8px}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.titlebar{height:38px;width:100%;display:flex;align-items:center;padding-left:12px;background:transparent;flex-shrink:0;user-select:none}.titlebar-title{position:absolute;left:50%;transform:translate(-50%);font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.02em;pointer-events:none}.traffic-lights{display:flex;gap:8px;-webkit-app-region:no-drag}.traffic-light{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:filter .15s ease}.traffic-light-close{background:#ff5f57}.traffic-light-minimize{background:#ffbd2e}.traffic-light-maximize{background:#28c840}.traffic-light:hover{filter:brightness(.9)}.traffic-light:active{filter:brightness(.8)}@media not all and (pointer: fine){.titlebar{display:none}}.paste-hint{margin-top:32px;font-size:11px;color:var(--text-muted);text-align:center;opacity:.7}.paste-error{position:fixed;top:calc(var(--safe-top) + 46px);left:50%;transform:translate(-50%);z-index:1100;padding:12px 16px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:8px;font-size:12px;color:#fca5a5;text-align:center;max-width:min(400px,90vw);box-shadow:0 12px 32px #00000059}.toast{position:fixed;top:calc(var(--safe-top) + 46px);left:50%;transform:translate(-50%);z-index:1100;padding:12px 16px;border-radius:8px;font-size:12px;text-align:center;max-width:min(420px,90vw);box-shadow:0 12px 32px #00000059;border:1px solid;cursor:pointer;animation:toastIn .16s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-success{background:#22c55e1f;border-color:#22c55e40;color:#bbf7d0f2}.toast-error{background:#ef44441f;border-color:#ef444440;color:#fca5a5}.font-selected-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--accent)}.font-row-clickable{cursor:pointer}.file-format.selected .file-format-ext{font-weight:600}.st-book-list{display:flex;flex-direction:column;gap:4px;margin-top:14px;max-height:300px;overflow-y:auto}.st-book-item{padding:10px 12px;border-radius:6px;background:var(--element);border:1px solid transparent;cursor:pointer;transition:all .15s ease;user-select:none}.st-book-item:hover{background:var(--element-hover)}.st-book-item.selected{border-color:var(--accent);background:#88c0d01a}.st-book-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.st-book-author{font-size:11px;color:var(--text-muted)}.st-book-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.st-book-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--element-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.st-book-tag.synced{background:#a3be8c33;color:#a3be8c}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#181818e6;backdrop-filter:blur(8px);z-index:1000}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-content p{font-size:13px;color:var(--text-muted)}.drag-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#88c0d01a;backdrop-filter:blur(8px);border:2px dashed var(--accent);z-index:999;pointer-events:none}.drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px;background:#141414f2;border-radius:12px;border:1px solid var(--accent);box-shadow:0 8px 32px #88c0d033}.drag-overlay-icon{color:var(--accent);animation:drag-pulse 1.5s ease-in-out infinite}@keyframes drag-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.drag-overlay-text{font-size:18px;font-weight:500;color:var(--text);margin:0}.drag-overlay-subtitle{font-size:12px;color:var(--text-muted);margin:0}.app.drag-over{position:relative}.app.drag-over:before{content:"";position:absolute;inset:0;border:2px dashed var(--accent);border-radius:8px;pointer-events:none;z-index:1;animation:drag-border-pulse 1.5s ease-in-out infinite}@keyframes drag-border-pulse{0%,to{opacity:.3}50%{opacity:.6}}.top-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:6px 16px;z-index:100;height:32px}.app-title-container{position:absolute;left:50%;top:8px;transform:translate(-50%);pointer-events:none}.app-name{font-size:13px;font-weight:500;color:var(--text-muted);margin:0}.settings-sheet{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.settings-sheet.closing{pointer-events:none;animation:overlayFadeOut .2s ease forwards}.settings-modal-content{display:flex;flex-direction:column;width:100%;max-width:520px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 0 1px #ffffff08,0 24px 64px #00000080;overflow:hidden;animation:settingsSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settingsSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.98)}}.settings-mobile-grabber{display:none}.settings-header{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.settings-title{font-size:14px;font-weight:600;color:var(--text);flex-shrink:0}.settings-tabs{display:flex;gap:4px;flex:1}.settings-tab{padding:6px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .1s ease}.settings-tab:hover,.settings-tab.active{color:var(--text);background:var(--element)}.settings-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.6;margin-left:auto}.settings-close:hover{background:var(--element);color:var(--text);opacity:1}.settings-body{padding:20px;max-height:60vh;overflow:hidden}.settings-body-scroll{overflow-y:auto}.settings-body-no-scroll{max-height:none;overflow:visible}.settings-group{margin-bottom:24px}.settings-group:last-child{margin-bottom:0}.settings-group-label{display:block;font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.settings-advanced-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;width:100%;text-align:left;margin-bottom:0}.settings-advanced-toggle:hover{opacity:.8}.settings-advanced-toggle .settings-group-label{margin-bottom:0}.settings-advanced-toggle svg{color:var(--text-muted);flex-shrink:0}.settings-advanced-hint{font-size:10px;color:var(--text-muted);opacity:.6;margin-left:auto}.settings-advanced .settings-toggles,.settings-advanced .settings-input,.settings-advanced .settings-hint{margin-top:12px}.settings-themes{display:flex;flex-wrap:wrap;gap:8px}.settings-theme{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .1s ease;min-width:64px;width:64px}.settings-theme:hover{background:var(--element)}.settings-theme.active{border-color:var(--accent);background:var(--element)}.settings-theme-preview{width:32px;height:24px;border-radius:4px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}.settings-theme-name{font-size:10px;color:var(--text-muted)}.settings-theme.active .settings-theme-name{color:var(--text)}.settings-slider{display:flex;align-items:center;gap:12px}.settings-slider input[type=range]{flex:1;height:4px;background:var(--element);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.settings-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.settings-slider-icon{color:var(--text-muted);font-weight:500}.settings-slider-icon.small{font-size:12px}.settings-slider-icon.large{font-size:18px}.settings-presets{display:flex;gap:8px}.settings-preset{flex:1;padding:10px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .1s ease}.settings-preset:hover{background:var(--element);color:var(--text)}.settings-preset.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.settings-reading-modes{display:flex;flex-direction:column;gap:6px}.settings-reading-mode{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;transition:all .1s ease}.settings-reading-mode:hover{background:var(--element)}.settings-reading-mode.active{background:var(--accent);border-color:var(--accent)}.settings-reading-mode-name{font-size:13px;font-weight:500;color:var(--text)}.settings-reading-mode.active .settings-reading-mode-name{color:var(--bg)}.settings-reading-mode-desc{font-size:11px;color:var(--text-muted)}.settings-reading-mode.active .settings-reading-mode-desc{color:var(--bg);opacity:.8}.settings-fonts{display:flex;flex-direction:column;gap:2px}.settings-font{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text);transition:background .1s ease}.settings-font:hover,.settings-font.selected{background:var(--element)}.settings-font svg{color:var(--accent);margin-left:auto}.settings-font-delete{margin-left:auto;padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;opacity:0;transition:all .1s ease}.settings-font:hover .settings-font-delete{opacity:1}.settings-font-delete:hover{color:#f87171;background:#f871711a}.settings-font-upload{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-muted);transition:all .1s ease}.settings-font-upload:hover{background:var(--element);color:var(--text)}.settings-font-upload input{display:none}.settings-font-bundled{flex-direction:column;align-items:flex-start;gap:2px}.settings-font-bundled .settings-font-info{display:flex;flex-direction:column;gap:2px;flex:1}.settings-font-bundled .settings-font-desc{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.settings-font-bundled svg{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.settings-font-bundled{position:relative}.settings-toggles{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;cursor:pointer;font-size:13px;color:var(--text);border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-text{display:flex;flex-direction:column;gap:2px}.settings-row-hint{font-size:11px;color:var(--text-muted)}.settings-toggle-btn{position:relative;width:40px;height:22px;background:var(--element);border:none;border-radius:11px;cursor:pointer;transition:background .15s ease;flex-shrink:0}.settings-toggle-btn.active{background:var(--accent)}.settings-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 3px #0000004d}.settings-toggle-btn.active .settings-toggle-thumb{transform:translate(18px)}.settings-input{width:100%;padding:10px 14px;background:var(--element);border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono);font-size:13px;color:var(--text);outline:none;transition:border-color .15s ease}.settings-input:focus{border-color:var(--accent)}.settings-input::placeholder{color:var(--text-muted);opacity:.5}.settings-hint{font-size:11px;color:var(--text-muted);margin-top:6px}.settings-error{padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:12px;color:#fca5a5;margin-bottom:10px}.settings-toast{padding:8px 12px;background:#88c0d01a;border:1px solid rgba(136,192,208,.2);border-radius:6px;font-size:12px;color:var(--accent);margin-bottom:10px}.settings-shortcuts{display:flex;flex-direction:column;gap:2px}.settings-shortcut{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border)}.settings-shortcut:last-child{border-bottom:none}.settings-shortcut kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;background:var(--element);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--text)}.settings-shortcut-tray{display:flex;align-items:center;justify-content:center;width:24px;height:22px}.settings-shortcut-tray img{width:16px;height:16px}.settings-footer-actions{display:flex;align-items:center;gap:8px}.settings-reset{padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:32px;white-space:nowrap;transition:all .1s ease}.settings-reset:hover{background:var(--element);color:var(--text)}.settings-demo{padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:all .1s ease;display:inline-flex;align-items:center;justify-content:center;min-height:32px;white-space:nowrap;gap:6px}.settings-demo:hover{background:var(--element);color:var(--text)}.settings-demo svg{width:12px;height:12px}.settings-tab-bar{display:none}.settings-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff08;padding:12px}.settings-hint{font-size:11px;color:var(--text-muted);margin:-4px 0 4px;padding:0 12px;line-height:1.4}.settings-option.storyteller-option{margin-bottom:4px}.settings-hint.storyteller-hint{margin:0 0 10px}.settings-range{display:flex;align-items:center;gap:16px}.settings-range input[type=range]{flex:1;height:4px;background:var(--element);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.settings-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000004d}.settings-range input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.settings-range input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000004d}.settings-range input[type=range]::-moz-range-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.settings-range-value{font-size:13px;font-variant-numeric:tabular-nums;color:var(--accent);min-width:48px;text-align:right}.settings-shortcuts-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;text-decoration:none}.settings-shortcuts-link:hover{color:var(--text)}.settings-shortcuts{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff08}.settings-shortcuts .shortcuts-title{margin-bottom:10px}.settings-shortcuts .shortcuts-list.vertical{gap:10px}.settings-shortcuts .shortcuts-list.vertical span{display:flex;justify-content:space-between;gap:16px}.settings-shortcuts .shortcuts-list.vertical .shortcut-tray{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-left:4px}.tray-key{display:inline-flex;align-items:center;justify-content:center}.tray-key img{width:14px;height:14px;filter:brightness(.9)}.settings-footer{padding:16px 20px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.settings-toggles{display:flex;flex-direction:column;gap:0}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);cursor:pointer;gap:12px}.settings-toggle:last-child{border-bottom:none}.settings-toggle>span,.toggle-label-group span{font-size:15px;color:var(--text)}.toggle-label-group{display:flex;flex-direction:column;gap:2px}.settings-hint-inline{font-size:12px;color:var(--text-muted);margin:0}.toggle-switch{position:relative;width:51px;height:31px;background:var(--element);border:none;border-radius:16px;cursor:pointer;transition:background-color .2s ease;padding:0;-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;overflow:hidden}.toggle-switch.active{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003;will-change:transform}.toggle-switch.active .toggle-thumb{transform:translate3d(20px,0,0)}.word-size-slider{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--element);border-radius:12px}.word-size-icon{color:var(--text-muted);flex-shrink:0}.word-size-icon.small{opacity:.6}.word-size-icon.large{opacity:.8}.word-size-range{flex:1;height:6px;background:var(--border);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.word-size-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.word-size-range::-moz-range-thumb{width:28px;height:28px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.btn-ghost{width:100%;background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--element);color:var(--text)}.theme-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:var(--element);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease;color:var(--text);font-size:12px;font-family:var(--font-mono)}.theme-option:hover{background:var(--element-hover);border-color:var(--accent)}.theme-option.active{border-color:var(--accent);background:#88c0d00d}.theme-preview{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:16px;font-weight:500;border:1px solid}.search-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000;animation:fadeIn .15s ease}.search-modal{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 0 1px #ffffff08,0 24px 64px #00000080;overflow:hidden;animation:searchSlideDown .2s cubic-bezier(.16,1,.3,1)}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.search-bar-icon{color:var(--text-muted);flex-shrink:0;opacity:.6}.search-bar-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:15px;color:var(--text);padding:0;min-width:0;-webkit-appearance:none;appearance:none}.search-bar-input::-webkit-search-cancel-button,.search-bar-input::-webkit-search-decoration,.search-bar-input::-ms-clear{display:none;-webkit-appearance:none;appearance:none}.search-bar-input::placeholder{color:var(--text-muted);opacity:.5}.search-bar-clear,.search-bar-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.6}.search-bar-clear:hover,.search-bar-close:hover{background:var(--element);color:var(--text);opacity:1}.search-bar-close{margin-left:8px}.search-body{max-height:50vh;overflow-y:auto}.search-meta{display:flex;align-items:center;gap:6px;padding:12px 20px;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--element)}.search-count{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.search-results{display:flex;flex-direction:column}.search-result{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 20px;cursor:pointer;transition:background .1s ease;border-bottom:1px solid var(--border)}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.selected{background:var(--element)}.search-result.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.search-result{position:relative}.search-result-text{font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--text-muted);flex:1;min-width:0}.search-result-before,.search-result-after{opacity:.6}.search-result-match{color:var(--text)}.search-result-text mark{background:#88c0d033;color:var(--accent);padding:1px 3px;margin:0 -1px;border-radius:3px;font-weight:500}.search-result-pos{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);opacity:.5;flex-shrink:0;font-variant-numeric:tabular-nums}.search-empty{padding:48px 20px;text-align:center;color:var(--text-muted);font-size:13px}.search-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;font-size:12px;color:var(--text-muted);opacity:.6}.search-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;font-family:var(--font-mono);font-size:11px;background:var(--element);border:1px solid var(--border);border-radius:4px;color:var(--text)}.empty-state-footer{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 24px;padding-bottom:calc(16px + var(--safe-bottom, 0px));width:100%;background:var(--panel);border-top:1px solid var(--border);pointer-events:auto;z-index:10}.empty-state-tabs{display:flex;width:100%;max-width:320px}.empty-state-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:color .15s ease}.empty-state-tab.paste-tab{transition:none}.empty-state-tab.paste-tab svg,.empty-state-tab.paste-tab .tray-icon{transition:none}.empty-state-tab:hover{color:var(--text)}.empty-state-tab:active{color:var(--accent)}.tray-icon{display:block;width:var(--tray-icon-size, 20px);height:var(--tray-icon-size, 20px);background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.empty-state-tab svg,.empty-state-tab .tray-icon{opacity:.6;transition:opacity .15s ease}.empty-state-tab:hover svg,.empty-state-tab:hover .tray-icon{opacity:.9}.empty-state-tab:active svg,.empty-state-tab:active .tray-icon{opacity:1;color:var(--accent)}.empty-state-hints{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);opacity:.6}.empty-state-hints kbd{font-size:10px;padding:2px 5px}.hint-separator{opacity:.4}.mobile-footer{position:fixed;bottom:0;left:0;right:0;background:transparent;border-top:none;padding:12px 0;padding-bottom:calc(12px + var(--safe-bottom, 0px));z-index:100;display:none}.mobile-footer.mobile-footer-empty-state{background:var(--panel);border-top:1px solid var(--border)}.mobile-footer-empty{display:flex;width:100%}.mobile-footer-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 0;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:color .15s ease}.mobile-footer-btn.paste-tab{transition:none}.mobile-footer-btn.paste-tab svg,.mobile-footer-btn.paste-tab .tray-icon{transition:none}.mobile-footer-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mobile-footer-btn:active{color:var(--accent)}.mobile-footer-btn svg,.mobile-footer-btn .tray-icon{opacity:.6;transition:opacity .15s ease;display:block}.mobile-footer-btn:active svg,.mobile-footer-btn:active .tray-icon{opacity:1;color:var(--accent)}.mobile-footer-controls{display:flex;flex-direction:column;gap:10px}.mobile-footer-progress{display:flex;align-items:center;gap:12px}.mobile-progress-bar{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.mobile-progress-fill{height:100%;background:var(--accent);transition:width .15s ease}.mobile-progress-text{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.mobile-footer-buttons{display:flex;justify-content:center;align-items:center;gap:4px}.mobile-ctrl-btn{padding:10px;background:var(--element);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-ctrl-btn:active{background:var(--element-hover);color:var(--text)}.mobile-play-btn{padding:12px 16px;min-width:56px}.mobile-play-btn.playing{color:var(--accent);border-color:var(--accent)}.header-btn{padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s ease;display:flex;align-items:center;justify-content:center}.header-btn:hover{color:var(--text)}.header-btn svg{display:block}@media (hover: none) and (pointer: coarse){.custom-titlebar{justify-content:flex-start;padding-left:16px}.app-title{position:static;transform:none}.btn{padding:8px 12px;font-size:13px;min-height:36px}.btn-icon{padding:8px;min-height:40px;min-width:40px}.btn-play{min-width:48px;padding:8px 12px}.btn-speed,.wpm-input{font-size:13px;min-width:48px}.wpm-label{font-size:11px}.controls-group{gap:2px}.rsvp-reader{pointer-events:auto;--rsvp-orp-anchor: 48%;--rsvp-guide-gap: clamp(4em, 8vh, 5em);--rsvp-guide-segment-top: clamp(3em, 7vh, 4.8em);--rsvp-guide-segment-bottom: clamp(3em, 7vh, 4.8em);--rsvp-display-top: 48%}.rsvp-display{width:auto;max-width:calc(100vw - 32px);overflow:visible}.rsvp-word{white-space:nowrap}.load-modal{--load-sheet-top-gap: clamp(52px, 8vh, 120px);position:relative;max-width:none;width:100%;height:calc(100dvh - var(--load-sheet-top-gap));max-height:calc(100dvh - var(--load-sheet-top-gap));margin-top:var(--load-sheet-top-gap);border-radius:22px 22px 0 0;border:1px solid var(--border);border-bottom:none;box-shadow:0 -16px 36px #00000073;display:flex;flex-direction:column;animation:loadSlideUpMobile .3s cubic-bezier(.16,1,.3,1)}.load-modal.closing{animation:loadSlideDownMobile .2s cubic-bezier(.4,0,1,1) forwards}@keyframes loadSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes loadSlideDownMobile{0%{transform:translateY(0)}to{transform:translateY(100%)}}.load-header{display:none}.load-body{flex:1;display:flex;flex-direction:column;padding:16px;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.load-history{margin:0 -16px}.continue-reading-cta{margin:0 16px 4px}.load-mobile-grabber{display:flex;width:100%;height:24px;padding:6px 0 2px;background:transparent;border:none;align-items:center;justify-content:center;cursor:pointer}.load-mobile-grabber-line{width:44px;height:4px;border-radius:999px;background:var(--sheet-grabber)}.load-tab-bar{display:flex;justify-content:space-around;align-items:stretch;background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.load-tab-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;min-height:56px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.load-tab-bar-item:active{background:var(--element)}.load-tab-bar-item.active{color:var(--accent)}.load-tab-bar-item svg{width:22px;height:22px;flex-shrink:0}.load-tab-bar-item .load-tab-bar-icon{width:22px;height:22px;flex-shrink:0;opacity:.5;filter:brightness(0) saturate(100%)}.load-tab-bar-item .signal-tab-icon{display:block;width:22px;height:22px;flex-shrink:0;opacity:.5;background:var(--text-muted);filter:none;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.load-tab-bar-item.active .signal-tab-icon{background:var(--accent)}.load-tab-bar-item.active .load-tab-bar-icon,.load-tab-bar-item.active .signal-tab-icon{opacity:1;filter:none}.load-tab-bar-label{font-size:10px;font-family:var(--font-mono);font-weight:500;letter-spacing:.02em}.load-input,.load-textarea{font-size:16px}.load-dropzone{padding:40px 20px}.btn:hover,.btn-icon:hover,.btn-accent:hover,.btn-ghost:hover,.load-tab:hover,.load-close:hover,.load-dropzone:hover,.load-action:hover,.load-action.primary:hover,.load-book:hover,.settings-tab:hover,.settings-close:hover,.settings-theme:hover,.settings-font:hover,.settings-font-upload:hover,.settings-font-delete:hover,.settings-reset:hover,.settings-shortcuts-link:hover,.speed-option:hover,.theme-option:hover,.search-bar-clear:hover,.search-bar-close:hover,.traffic-light:hover,.link-supported-item:hover,.st-book-item:hover,.file-format:hover,.load-history-btn:hover,.load-history-btn.delete:hover,.load-history-expanded-action:hover,.load-history-expanded-action.primary:hover,.load-history-expanded-action.secondary:hover,.load-history-expanded-action.load-history-expanded-action-youtube:hover,.load-history-expanded-view-transcript:hover{background:inherit;color:inherit;opacity:inherit;transform:none}.load-history-item:hover,.history-item:hover,.search-result:hover{background:transparent}.load-history-item:hover:before,.history-item:hover:before{display:none}.load-history-actions,.history-item-actions{opacity:1}.history-action-btn:hover{background:transparent;color:inherit}.load-history-btn{width:36px;height:36px}.load-integrations-header{margin:0;padding:16px 16px 12px}.load-feed-source{padding:12px 16px}.load-feed-item-nested{padding:10px 16px 10px 24px}.load-collapse-bar{margin:0;padding:12px 16px}.load-collapse-btn:hover{background:var(--element)}.load-collapse-btn:active{background:var(--border)}.load-history-expanded-view{padding:16px}.load-history-expanded-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;padding-top:12px}.load-history-expanded-action{padding:14px 16px;font-size:14px;min-height:50px}.load-history-expanded-actions.single-action{grid-template-columns:1fr}.load-history-expanded-view-transcript{grid-column:1 / -1;padding:14px 16px}.load-history-expanded-topic-badge{padding:14px 16px}.load-book:hover,.load-book.selected{margin:0;padding:10px 0}.load-book.selected{background:var(--element);margin:0 -16px;padding:10px 16px}.empty-state-footer,.rsvp-reader .controls,.rsvp-reader .progress{display:none!important}.mobile-footer{display:block}.mobile-footer .controls{position:static;transform:none;display:flex!important;width:100%;padding:0}.mobile-footer .controls-group{width:auto;display:flex;justify-content:center;gap:4px;padding:8px 16px;background:var(--element);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);border-radius:24px;box-shadow:0 2px 8px #00000014}.mobile-footer .controls-group .btn{flex:0 0 auto;border-radius:50%;border:none;background:transparent;width:44px;height:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.mobile-footer .controls-group .btn:active{background:var(--element-hover);transform:scale(.92)}.mobile-footer .controls-group .btn:focus{outline:none}.mobile-footer .controls-group .speed-control{flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:transparent;position:relative;height:auto;margin-left:4px;padding-left:10px;border-left:1px solid var(--border)}.mobile-footer .controls-group .wpm-stepper{width:auto;height:auto;display:flex;align-items:center;justify-content:center;gap:2px;padding:2px 4px}.mobile-footer .controls-group .wpm-stepper-btn{width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted)}.mobile-footer .controls-group .wpm-stepper-btn:active{background:var(--element-hover);transform:scale(.9)}.mobile-footer .controls-group .wpm-stepper-value{flex:0 0 auto;display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:3px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);line-height:1;min-width:60px}.mobile-footer .controls-group .wpm-stepper-number{font-size:13px;font-weight:500}.mobile-footer .controls-group .wpm-stepper-unit{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mobile-footer .controls-group .wpm-label{display:none}.mobile-footer .progress{position:static;transform:none;display:flex!important;flex-direction:column;width:100%;max-width:none;padding:0 16px;margin-top:12px;margin-bottom:0}.custom-titlebar{padding:12px 16px;justify-content:flex-start}.app-title{font-size:14px;transition:opacity .3s ease}.app.minimal-view .app-title{opacity:0;pointer-events:none}.header-controls{margin-left:auto;gap:0}.header-controls .btn-icon{padding:14px;min-height:52px;min-width:52px}.header-controls .btn-icon svg{width:22px;height:22px}.settings-overlay{padding:20px 12px}.file-upload-overlay{padding:0;overflow:hidden;align-items:flex-end;background:#080a0f59;backdrop-filter:none;-webkit-backdrop-filter:none}.search-overlay{align-items:flex-start;justify-content:center;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 0;padding-top:8vh;height:100vh;height:100dvh}.settings-modal,.file-upload-modal{width:100%;max-width:480px;padding:0 16px;animation:slideUpIsland .4s cubic-bezier(.19,1,.22,1)}.search-modal{width:100%;max-width:none;padding:0;border-radius:20px;animation:searchSlideDown .25s cubic-bezier(.16,1,.3,1)}.search-modal .search-body{max-height:60vh}.settings-modal{border-radius:28px;border:1px solid var(--border);box-shadow:0 20px 50px #0009;background:var(--panel);overflow:hidden}.file-upload-modal{background:transparent;border:none;box-shadow:none;overflow:visible;display:flex;align-items:flex-end;max-height:none;padding:0;max-width:none;width:100%;height:100%}@keyframes slideUpIsland{0%{transform:translateY(100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.settings-header,.search-header,.file-upload-header{padding:16px 24px;background:var(--panel);border-bottom:1px solid var(--border)}.settings-content,.file-upload-content{padding:24px;background:var(--panel)}.file-upload-header{order:1;flex-shrink:0}.file-upload-content{order:2;flex:1 1 auto;overflow-y:auto;min-height:0}.file-upload-tabs{order:3;flex-shrink:0;margin-top:auto;border-top:1px solid var(--border);border-bottom:none;padding-bottom:env(safe-area-inset-bottom,0px)}.search-bar{padding:14px 16px}.search-bar-input{font-size:16px}.search-results{-webkit-overflow-scrolling:touch}.search-result{padding:12px 16px}.search-meta{padding:10px 16px}.search-hint{flex-wrap:wrap;gap:6px}.settings-sheet{padding:0;align-items:flex-end;background:#080a0f59;backdrop-filter:none;-webkit-backdrop-filter:none}.settings-modal-content{--settings-sheet-top-gap: clamp(52px, 8vh, 120px);position:relative;max-width:none;width:100%;height:calc(100dvh - var(--settings-sheet-top-gap));max-height:calc(100dvh - var(--settings-sheet-top-gap));border-radius:22px 22px 0 0;border:1px solid var(--border);border-bottom:none;box-shadow:0 -16px 36px #00000073;display:flex;flex-direction:column;animation:settingsSlideUpMobile .3s cubic-bezier(.16,1,.3,1)}.settings-sheet.closing .settings-modal-content{animation:settingsSlideDownMobile .2s cubic-bezier(.4,0,1,1) forwards}@keyframes settingsSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes settingsSlideDownMobile{0%{transform:translateY(0)}to{transform:translateY(100%)}}.settings-mobile-grabber{display:flex;width:100%;height:24px;padding:6px 0 2px;background:transparent;border:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.settings-mobile-grabber-line{width:44px;height:4px;border-radius:999px;background:var(--sheet-grabber)}.settings-header{display:flex;flex-wrap:nowrap;gap:8px;padding:8px 16px 12px;border-bottom:1px solid var(--border)}.settings-tabs{display:none}.settings-title{font-size:16px;flex:1}.settings-body{flex:1;display:flex;flex-direction:column;padding:16px;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.settings-footer-actions{width:auto;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap}.settings-demo,.settings-reset{display:inline-flex;align-items:center;min-height:40px;width:auto;justify-content:center}.settings-themes{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none}.settings-themes::-webkit-scrollbar{display:none}.settings-theme{flex-shrink:0;min-width:72px;width:72px;padding:12px 16px}.settings-theme-preview{width:40px;height:32px;font-size:13px}.settings-theme-name{font-size:11px}.settings-slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.settings-font{min-height:48px;padding:12px}.settings-font-bundled{min-height:56px;padding:12px}.settings-font-upload{min-height:48px;padding:12px}.settings-row{min-height:48px;padding:12px 0}.settings-toggle-btn{width:48px;height:28px}.settings-toggle-thumb{width:22px;height:22px;top:3px;left:3px}.settings-toggle-btn.active .settings-toggle-thumb{transform:translate(20px)}.settings-group{margin-bottom:20px}.settings-input{font-size:16px;min-height:48px}.settings-footer{margin-top:auto;padding:12px 16px;flex-direction:row;align-items:center;gap:12px}.settings-reset{text-align:center;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.settings-tab-bar{display:flex;justify-content:space-around;align-items:stretch;background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0}.settings-tab-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;min-height:56px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.settings-tab-bar-item:active{background:var(--element)}.settings-tab-bar-item.active{color:var(--accent)}.settings-tab-bar-item svg{width:22px;height:22px;flex-shrink:0}.settings-tab-bar-label{font-size:10px;font-family:var(--font-mono);font-weight:500;letter-spacing:.02em}.file-upload-header{order:1;border-radius:28px 28px 0 0}.file-upload-title{font-size:16px;font-weight:600;color:var(--text)}.file-upload-content{order:2;flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column}.file-upload-tabs{order:3;border-bottom:none;border-top:1px solid var(--border);padding:8px 24px env(safe-area-inset-bottom,0px);background:var(--panel);border-radius:0 0 28px 28px}.file-upload-tab{font-size:14px;padding:10px 20px}.file-dropzone{padding:32px 24px;min-height:auto;flex:1}.file-dropzone-icon svg{width:40px;height:40px}.file-dropzone-text p{font-size:14px}.file-formats{margin-top:16px;padding-top:16px}.file-formats-title{font-size:12px}.file-format{font-size:13px}.url-input-container{gap:12px;margin:auto 0}.url-input{font-size:16px}.url-hint{font-size:12px}.btn:hover{background:var(--element)}.btn-icon:hover,.header-btn:hover,.custom-titlebar>.btn-icon:hover,.header-controls .btn-icon:hover{color:var(--text-muted)}.btn-accent:hover{background:transparent}.btn-ghost:hover{background:transparent;color:var(--text-muted)}.file-upload-tab:hover{color:var(--text-muted);background:transparent}.file-upload-tab.active:hover{color:var(--accent);background:var(--panel)}.file-dropzone:hover{border-color:var(--border);background:transparent}.settings-option:hover,.speed-option:hover,.settings-theme:hover,.settings-font:hover,.settings-row:hover{background:transparent}.search-clear:hover{color:var(--text-muted)}.search-result-item:hover{background:var(--element);border-color:var(--border)}.empty-state-upload:hover{background:var(--element);border-color:var(--border);color:var(--text)}}.edit-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;padding:20px}.edit-modal{width:100%;max-width:640px;max-height:calc(100vh - 40px);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 0 1px #ffffff08,0 24px 64px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:settingsSlideUp .25s cubic-bezier(.16,1,.3,1)}.edit-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.edit-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.edit-close{background:transparent;border:none;color:var(--text-muted);padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.6}.edit-close:hover{background:var(--element);color:var(--text);opacity:1}.edit-body{flex:1;min-height:0;padding:16px;overflow:hidden}.edit-textarea{width:100%;height:100%;min-height:300px;max-height:50vh;padding:14px;background:var(--element);border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text);outline:none;resize:none;transition:border-color .15s ease}.edit-textarea:focus{border-color:var(--accent)}.edit-textarea::placeholder{color:var(--text-muted);opacity:.5}.edit-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border);gap:12px}.edit-hint{font-size:11px;color:var(--text-muted);opacity:.7}.edit-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;font-family:var(--font-mono);font-size:10px;background:var(--element);border:1px solid var(--border);border-radius:3px;color:var(--text)}.edit-actions{display:flex;gap:8px}.edit-btn{padding:8px 16px;background:var(--element);border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:var(--font-mono);color:var(--text);cursor:pointer;transition:all .1s ease}.edit-btn:hover{background:var(--element-hover)}.edit-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.edit-btn-primary:hover{background:var(--accent-hover)}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.edit-btn-primary:disabled{background:var(--element);border-color:var(--border);color:var(--text-muted)}@media (hover: none) and (pointer: coarse){.edit-overlay{padding:12px}.edit-modal{max-width:none;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:20px}.edit-body{padding:12px}.edit-textarea{font-size:16px;min-height:200px;max-height:40vh}.edit-footer{flex-direction:column;gap:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.edit-hint{order:2;text-align:center}.edit-actions{order:1;width:100%}.edit-btn{flex:1;padding:12px 16px;font-size:14px}.edit-close:hover,.edit-btn:hover{background:inherit;color:inherit;opacity:inherit}}.full-reader-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fullReaderOverlayFadeIn .2s ease;outline:none}@keyframes fullReaderOverlayFadeIn{0%{opacity:0}to{opacity:1}}.full-reader{position:relative;width:100%;max-width:680px;min-height:400px;height:85vh;max-height:85vh;margin:16px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 0 1px #ffffff08,0 24px 64px #00000080;display:flex;flex-direction:column;animation:fullReaderModalSlideUp .25s cubic-bezier(.16,1,.3,1);--full-reader-top-offset: 56px;overflow:hidden}@keyframes fullReaderModalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fullReaderFadeIn{0%{opacity:0}to{opacity:1}}.full-reader-top-controls{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0;transition:opacity .2s ease}.full-reader-top-controls.hidden{opacity:0;pointer-events:none;height:0;padding:0;border-bottom:none;overflow:hidden}.full-reader-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.6;margin-right:auto}.full-reader-close:hover{background:var(--element);color:var(--text);opacity:1}.full-reader-edit-toggle,.full-reader-chapters-toggle{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.6}.full-reader-edit-toggle:hover,.full-reader-chapters-toggle:hover{background:var(--element);color:var(--text);opacity:1}.full-reader-edit-toggle.active{background:var(--accent);color:var(--bg);opacity:1}.full-reader-chapters-toggle.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.full-reader-top-controls .btn-icon{background:transparent;border:none;color:var(--text-muted);padding:6px;border-radius:6px;opacity:.6}.full-reader-top-controls .btn-icon:hover{background:var(--element);color:var(--text);opacity:1}.full-reader-chapters-backdrop{position:absolute;inset:0;background:#080a0f59;backdrop-filter:blur(2px);z-index:10}.full-reader-chapters-panel{position:absolute;top:60px;left:16px;width:min(360px,86%);max-height:calc(100% - 140px);background:var(--element);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;z-index:11;transform:translate3d(0,var(--chapters-panel-translate-y, 0px),0);transition:transform .18s cubic-bezier(.16,1,.3,1);will-change:transform}.full-reader-chapters-panel.dragging{transition:none}.full-reader-chapters-handle{display:none}.full-reader-chapters-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:.9rem;color:var(--text);border-bottom:1px solid var(--border)}.full-reader-chapters-close{background:transparent;border:none;color:var(--text-muted);padding:4px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.full-reader-chapters-close:hover{background:var(--bg);color:var(--text)}.full-reader-chapters-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.full-reader-chapters-empty{padding:12px;color:var(--text-muted);font-size:.85rem}.full-reader-chapter-item{background:transparent;border:1px solid transparent;color:var(--text);text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease}.full-reader-chapter-item:hover{background:var(--bg);border-color:var(--border)}.full-reader-chapter-item.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.full-reader-chapter-item.active .full-reader-chapter-meta{color:var(--bg);opacity:.8}.full-reader-chapter-item.disabled{opacity:.5;cursor:not-allowed}.full-reader-chapter-title{font-size:.9rem;line-height:1.3}.full-reader-chapter-meta{margin-top:4px;font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.full-reader-chapter-progress,.full-reader-chapter-timestamp{font-variant-numeric:tabular-nums}.full-reader-chapter-duration{opacity:.7}@media (max-width: 640px){.full-reader-chapters-backdrop{position:fixed}.full-reader-chapters-panel{position:fixed;inset:auto 0 0;width:100%;max-height:min(80vh,calc(100vh - 76px));border-radius:16px 16px 0 0;box-shadow:0 -12px 36px #00000059;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}.full-reader-chapters-handle{display:block;height:22px;flex:0 0 auto;touch-action:none;position:relative}.full-reader-chapters-handle:before{content:"";position:absolute;top:9px;left:50%;transform:translate(-50%);width:44px;height:4px;border-radius:999px;background:var(--sheet-grabber)}.full-reader-chapters-header{padding:10px 16px;touch-action:none}.full-reader-chapters-list{padding:8px 12px 12px}}.full-reader-content{flex:1;min-height:0;position:relative;overflow:hidden}.full-reader-display{position:absolute;inset:0;padding:24px 32px;overflow-y:auto;overflow-x:hidden;font-family:var(--reader-font, var(--font-mono));font-size:1.1rem;line-height:2;letter-spacing:.01em;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;white-space:pre-wrap;word-wrap:break-word;z-index:1}.full-reader-display.edit-mode{pointer-events:none;user-select:none;opacity:0}.full-reader-word{display:inline-flex;flex-direction:column;cursor:pointer;padding:0;margin-right:.35em;transition:color .15s ease;user-select:none}.full-reader-word:last-child{margin-right:0}.full-reader-word:after{content:attr(data-text);font-weight:600;height:0;visibility:hidden;overflow:hidden;pointer-events:none;user-select:none}.full-reader-word.word-past{color:var(--text-muted)}.full-reader-word.word-current{color:var(--accent);font-weight:600}.full-reader-word.word-future{color:var(--text);opacity:.7}.full-reader-textarea{position:absolute;inset:0;padding:24px 32px;background:transparent;border:none;outline:none;resize:none;font-family:var(--reader-font, var(--font-mono));font-size:1.1rem;line-height:2;letter-spacing:.01em;caret-color:var(--accent);overflow-y:auto;-webkit-overflow-scrolling:touch;color:transparent;white-space:pre-wrap;word-wrap:break-word;pointer-events:none;opacity:0;z-index:2}.full-reader-textarea.editing{color:var(--text);opacity:1;pointer-events:auto}.full-reader-textarea::selection{background:#88c0d04d}.full-reader-footer{flex-shrink:0;padding:16px 24px;background:var(--panel);border-top:1px solid var(--border);border-radius:0 0 16px 16px}.full-reader-footer .progress{margin-bottom:16px}.full-reader-footer .controls{justify-content:center}.full-reader-chunk-loader{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#141414e6;border:1px solid var(--border);font-size:11px;color:var(--text-muted);z-index:3}.full-reader-chunk-spinner{width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:chunk-spin .8s linear infinite}@keyframes chunk-spin{to{transform:rotate(360deg)}}@media (hover: none) and (pointer: coarse){.full-reader-overlay{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}.full-reader{position:fixed;inset:0;min-height:unset;height:auto;max-width:none;max-height:none;margin:0;border:none;border-radius:0;box-shadow:none;background:var(--bg);animation:fullReaderFadeIn .2s ease;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@keyframes fullReaderFadeIn{0%{opacity:0}to{opacity:1}}.full-reader-top-controls{position:absolute;top:0;left:0;right:0;z-index:10;border-radius:0;background:var(--bg);padding-top:calc(14px + env(safe-area-inset-top,0px))}.full-reader-display,.full-reader-textarea{padding:20px;padding-top:calc(20px + var(--full-reader-top-offset));font-size:1.2rem;line-height:2.2}.full-reader-footer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:0;background:transparent;border-top:none;box-shadow:none}.full-reader-word.word-current{font-weight:600}.full-reader-close:hover,.full-reader-edit-toggle:hover,.full-reader-word:hover{background:transparent}}.ink-feedback-btn{opacity:.9}.ink-feedback-btn:hover{opacity:1}.ink-limitations{display:flex;flex-direction:column;gap:8px}.ink-limitations-section{padding-top:4px}.ink-limitations-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px}.ink-limitation-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);position:relative;font-family:var(--font-mono);font-size:13px;color:var(--text)}.ink-limitation-item:last-child{border-bottom:none}.ink-limitation-row{width:100%;text-align:left;background:transparent;border:none;padding:10px 8px;border-radius:10px;cursor:pointer;color:var(--text);font-family:var(--font-mono);font-size:13px;font-weight:400}.ink-limitation-row:hover{background:var(--element)}.ink-limitation-icon{font-size:16px;line-height:1;flex-shrink:0}.ink-limitation-content{flex:1}.ink-limitation-title{font-size:inherit;font-weight:400;color:inherit}.ink-limitation-description{font-size:12px;color:var(--text-muted);margin-top:4px}.ink-limitation-context{font-size:11px;color:var(--text-muted);font-style:italic;margin-top:4px}.ink-limitation-info-btn{width:22px;height:22px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .15s ease}.ink-limitation-info-btn:hover{background:var(--element);color:var(--text)}.ink-tooltip{position:absolute;right:0;top:calc(100% + 6px);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 10px;width:min(240px,70vw);box-shadow:0 10px 24px #00000040;z-index:20}.ink-tooltip-text{font-size:12px;color:var(--text);margin:0}.ink-tooltip-context{font-size:11px;color:var(--text-muted);margin-top:4px}.ink-feedback-section{display:flex;flex-direction:column;gap:8px;padding-top:4px}.ink-feedback-submit-btn{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--element);color:var(--text);font-family:var(--font-mono);font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s ease}.ink-feedback-submit-btn:hover{background:var(--element-hover)}.ink-feedback-btn-secondary{font-size:11px;color:var(--text-muted)}.ink-footer-feedback-btn{min-width:44px;min-height:44px}.ink-feedback-btn:focus,.ink-footer-feedback-btn:focus,.ink-feedback-submit-btn:focus,.ink-limitation-info-btn:focus,.ink-limitation-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}