:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0e;--bg-soft:#121218;--bg-lift:#191922;--line:#26262f;--text:#ececf2;--muted:#8c8c9e;--accent:#ffb454;--accent-dim:#ffb4541f;--danger:#ff6b6b;--radius:14px;--font-scale:1;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{min-height:100dvh;overflow-x:hidden}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.82rem}.inline-link{color:var(--accent);border-bottom:1px solid #ffb45459;text-decoration:none}.inline-link:hover{border-bottom-color:var(--accent)}.home{flex-direction:column;gap:28px;max-width:720px;margin:0 auto;padding:48px 20px 56px;display:flex}.home-head{flex-direction:column;gap:6px;display:flex}.home-head h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.2rem,6vw,3rem);font-weight:700}.home-head h1:after{content:".";color:var(--accent)}.tagline{color:var(--muted);margin:0;font-size:1rem}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius);background:var(--bg-soft);text-align:center;cursor:pointer;outline:none;padding:34px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone:focus-visible{border-color:#3a3a48}.dropzone.drag{border-color:var(--accent);background:var(--accent-dim)}.drop-icon{fill:none;width:34px;height:34px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}.drop-title{margin:0;font-size:1.05rem;font-weight:600}.drop-sub{color:var(--muted);margin:4px 0 12px;font-size:.88rem}.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:.9rem}.link:hover{text-decoration:underline}.paste{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);padding:14px 16px}.paste summary{cursor:pointer;color:var(--muted);font-size:.92rem;list-style:none}.paste summary::-webkit-details-marker{display:none}.paste summary:before{content:"+ ";color:var(--accent)}.paste[open] summary:before{content:"− "}.paste textarea{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--sans);resize:vertical;border-radius:10px;margin-top:12px;padding:12px;font-size:.92rem}.paste textarea:focus{outline:1px solid var(--accent)}.paste-actions{justify-content:flex-end;margin-top:10px;display:flex}.btn{background:var(--accent);color:#14100a;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:600}.btn:hover{filter:brightness(1.06)}.demo-row{text-align:center;margin:-8px 0 0}.library h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px;font-size:.78rem;font-weight:600}.library-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lib-item{align-items:stretch;gap:8px;display:flex}.lib-open{text-align:left;background:var(--bg-soft);border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;flex:1;gap:6px;padding:13px 15px;transition:background .15s,border-color .15s;display:flex}.lib-open:hover{background:var(--bg-lift);border-color:#34343f}.lib-title{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:600;overflow:hidden}.lib-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.badge{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:5px;padding:0 5px;font-size:.68rem}.lib-bar{background:var(--line);border-radius:2px;height:2px;margin-top:2px;overflow:hidden}.lib-bar>span{background:var(--accent);opacity:.65;height:100%;display:block}.lib-del{border:1px solid var(--line);width:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;font-size:1.1rem}.lib-del:hover{color:var(--danger);border-color:var(--danger)}.home-foot{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:18px;display:flex}.hint{color:var(--muted);margin:0;font-size:.78rem;line-height:1.9}kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--text);background:var(--bg-soft);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:.72rem}.reader{background:var(--bg);position:fixed;inset:0;overflow:hidden}.reader-top{z-index:3;padding:14px 16px;padding-top:max(14px, env(safe-area-inset-top));background:linear-gradient(#0a0a0eeb,#0a0a0e00);align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.reader-meta{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.book-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;overflow:hidden}.chapter{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}.icon-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;transition:border-color .15s,background .15s;display:inline-flex}.icon-btn:hover{background:var(--bg-soft);border-color:#3a3a48}.icon-btn.small{width:34px;height:34px;font-size:1.05rem}.stage{font-size:calc(clamp(2.4rem, 7.5vw, 5.2rem) * var(--font-scale));cursor:pointer;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.guide{pointer-events:none;background:linear-gradient(#0000,#ffffff21 18% 82%,#0000);width:1px;height:1.35em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.word-line{white-space:pre;font-family:var(--mono);transform:translate(var(--shift,0px), -50%);will-change:transform;pointer-events:none;font-weight:500;line-height:1;position:absolute;top:50%;left:50%}.word-line .focus{color:var(--accent)}.word-empty{color:var(--muted);pointer-events:none;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.reader-bottom{z-index:3;padding:0 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#0a0a0e00,#0a0a0ef2 42%);position:absolute;bottom:0;left:0;right:0}.progress{cursor:pointer;touch-action:none;align-items:center;height:22px;display:flex}.icon-btn svg{fill:currentColor;width:17px;height:17px}.progress:before{content:none}.progress-fill{background:var(--accent);opacity:.85;border-radius:3px;width:0;max-width:100%;height:3px;transition:width 90ms linear}.progress{background:linear-gradient(var(--line), var(--line)) center / 100% 3px no-repeat}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:6px 0 10px;display:flex}.play-btn{background:var(--accent);color:#14100a;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.05rem;transition:transform .12s,filter .12s;display:inline-flex}.play-btn:hover{filter:brightness(1.07)}.play-btn:active{transform:scale(.96)}.wpm{align-items:center;gap:6px;margin-left:8px;display:inline-flex}.wpm-value{min-width:74px;font-family:var(--mono);justify-content:center;align-items:baseline;gap:3px;font-size:1rem;display:inline-flex}.wpm-value .unit{color:var(--muted);font-size:.68rem}.stats{text-align:right;min-width:108px;color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.78rem}.reader-hint{text-align:center;opacity:.7}.sheet{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0404069e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:min(560px,100%);max-height:min(78vh,720px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0000008c}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 18px;display:flex}.sheet-head h2{letter-spacing:.02em;margin:0;font-size:.92rem;font-weight:600}.index-list{overscroll-behavior:contain;flex:auto;margin:0;padding:6px;list-style:none;overflow-y:auto}.index-item{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:8px;flex-direction:column;gap:3px;padding:9px 12px;display:flex}.index-item:hover{background:var(--bg-lift)}.index-item.current{background:var(--accent-dim);border-left-color:var(--accent)}.index-title{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.index-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.index-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;line-height:1.35;display:-webkit-box;overflow:hidden}.sheet-foot{border-top:1px solid var(--line);background:var(--bg-soft);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.sheet-label{color:var(--muted);font-size:.76rem}.seg{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.seg-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:.76rem}.seg-btn.selected{background:var(--accent);color:#14100a;font-weight:600}.busy{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#060609d1;place-items:center;display:grid;position:fixed;inset:0}.busy-box{color:var(--muted);flex-direction:column;align-items:center;gap:14px;font-size:.9rem;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--bg-lift);border:1px solid var(--line);color:var(--text);opacity:0;pointer-events:none;z-index:50;border-radius:10px;max-width:min(90vw,480px);padding:10px 16px;font-size:.86rem;transition:opacity .18s,transform .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}@media (max-width:560px){.home{padding-top:34px}.controls{gap:8px}.stats{text-align:center;width:100%}.reader-hint{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important}}