:root{--playbar-h: 0px}body{padding-bottom:var(--playbar-h)}.pb[data-v-f0edfdcc]{position:fixed;left:0;right:0;bottom:calc(var(--dock-h, 0px) + var(--kb-inset, 0px));z-index:29;background:color-mix(in srgb,var(--bg-raised) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:0 10px calc(8px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .22s cubic-bezier(.3,.8,.35,1);pointer-events:none}.pb--show[data-v-f0edfdcc]{transform:translateY(0);pointer-events:auto}.pb__seek[data-v-f0edfdcc]{padding:9px 4px;cursor:pointer}.pb__track[data-v-f0edfdcc]{height:4px;border-radius:2px;background:var(--bg-sunken);overflow:hidden}.pb__fill[data-v-f0edfdcc]{height:100%;background:var(--accent);border-radius:2px;transition:width .2s linear}.pb__row[data-v-f0edfdcc]{display:flex;align-items:center;gap:8px;min-width:0}.pb__badge[data-v-f0edfdcc]{flex:none;font-family:var(--font-ja);font-size:10px;line-height:1;padding:4px 5px;border-radius:4px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.pb__badge--book_low[data-v-f0edfdcc]{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}.pb__badge--tts[data-v-f0edfdcc]{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.pb__badge--browser[data-v-f0edfdcc]{background:transparent;color:var(--fg-faint);border:1px dashed var(--line)}.pb__meta[data-v-f0edfdcc]{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pb__label[data-v-f0edfdcc]{font-size:10.5px;color:var(--fg-faint);font-family:var(--font-mono)}.pb__text[data-v-f0edfdcc]{font-size:12.5px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb__time[data-v-f0edfdcc]{flex:none;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-faint)}.pb__ctl[data-v-f0edfdcc]{display:flex;align-items:center;gap:6px;margin-top:6px}.pb__btn[data-v-f0edfdcc]{flex:1;min-height:var(--tap);min-width:44px;border:1px solid var(--line);background:var(--bg-sunken);color:var(--fg-dim);border-radius:var(--radius-sm);cursor:pointer;font-size:15px;line-height:1;display:grid;place-items:center}.pb__btn[data-v-f0edfdcc]:active{background:var(--line-soft)}.pb__btn--main[data-v-f0edfdcc]{flex:1.6;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pb__btn--main svg[data-v-f0edfdcc]{width:22px;height:22px}.pb__btn--stop[data-v-f0edfdcc]{flex:.9;font-size:12.5px;color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.pb__gesture[data-v-f0edfdcc]{width:100%;min-height:52px;margin-top:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-ink);font-size:15px;font-weight:600;cursor:pointer}.pb__gesture small[data-v-f0edfdcc]{font-size:10.5px;font-weight:400;opacity:.82}.pb__err[data-v-f0edfdcc]{margin:6px 0 0;font-size:11px;color:var(--bad);line-height:1.5}.pb__resume[data-v-f0edfdcc]{display:flex;gap:6px;align-items:stretch;padding-top:8px}.pb__resumeBtn[data-v-f0edfdcc]{flex:1;min-height:var(--tap);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:0 14px;border-radius:var(--radius-sm);background:var(--bg-sunken);border:1px solid var(--line);color:var(--fg);font-size:14px;cursor:pointer;text-align:left}.pb__resumeBtn small[data-v-f0edfdcc]{font-size:10.5px;color:var(--fg-faint)}.pb__resume .pb__btn--stop[data-v-f0edfdcc]{flex:none;width:46px}.shell[data-v-a0aedc46]{min-height:100%;display:flex;flex-direction:column}.bar[data-v-a0aedc46]{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.bar__back[data-v-a0aedc46]{font-size:26px;line-height:1;text-decoration:none;color:var(--fg-dim);width:var(--tap);height:var(--tap);display:grid;place-items:center;margin-left:-10px}.bar__brand[data-v-a0aedc46]{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--fg);font-size:15px;font-weight:600}.bar__lv[data-v-a0aedc46]{font-family:var(--font-mono);font-size:10px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:4px;padding:1px 4px}.devbar[data-v-a0aedc46]{background:var(--bg-sunken);border-bottom:1px solid var(--line-soft)}.devbar__toggle[data-v-a0aedc46]{display:flex;align-items:center;gap:8px;width:100%;padding:5px 14px;min-height:30px;background:none;border:0;cursor:pointer;font-size:11px;color:var(--fg-faint);text-align:left}.devbar__toggle strong[data-v-a0aedc46]{color:var(--warn);font-weight:600}.devbar__q[data-v-a0aedc46]{color:var(--accent)}.devbar__warn[data-v-a0aedc46]{color:var(--warn)}.devbar__chev[data-v-a0aedc46]{margin-left:auto;font-size:10px}.devbar__body[data-v-a0aedc46]{margin:0;padding:0 14px 8px;font-size:11px;line-height:1.7;color:var(--fg-faint)}.devbar code[data-v-a0aedc46]{font-family:var(--font-mono);font-size:10px;color:var(--fg-dim)}.main[data-v-a0aedc46]{flex:1;width:100%;max-width:760px;margin:0 auto;padding:14px 14px calc(var(--dock-h, 0px) + var(--kb-inset, 0px) + 16px)}.dock[data-v-a0aedc46]{position:fixed;left:0;right:0;bottom:var(--kb-inset, 0px);z-index:30;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line-soft);padding-bottom:env(safe-area-inset-bottom)}.prefs[data-v-a0aedc46]{display:flex;gap:6px;align-items:center;padding:6px 14px}.tgl[data-v-a0aedc46]{display:inline-flex;align-items:center;gap:7px;min-height:var(--tap);padding:0 15px 0 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg-raised);color:var(--fg-dim);font-size:13px;cursor:pointer;transition:all .18s}.tgl__dot[data-v-a0aedc46]{width:8px;height:8px;border-radius:50%;background:var(--fg-faint);transition:all .18s}.tgl--on[data-v-a0aedc46]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-raised))}.tgl--on .tgl__dot[data-v-a0aedc46]{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.mini[data-v-a0aedc46]{min-width:var(--tap);min-height:var(--tap);padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-raised);color:var(--fg-faint);font-size:14px;cursor:pointer}.mini--on[data-v-a0aedc46]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.mini--rate[data-v-a0aedc46]{font-family:var(--font-mono);font-size:13px}.mini rt[data-v-a0aedc46]{font-size:.5em}:root{--font-ja: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg: #101418;--bg-raised: #171d24;--bg-sunken: #0b0e12;--line: #262f3a;--line-soft: #1d242c;--fg: #e8edf3;--fg-dim: #9aa7b5;--fg-faint: #6b7885;--accent: #4da3ff;--accent-ink: #08121e;--ok: #46c98b;--ok-bg: #123024;--bad: #ff6b6b;--bad-bg: #3a1a1d;--warn: #f5b942;--book-accent: #7fb2ff;--ai-accent: #b98cff;--ai-bg: #1c1726;--radius: 14px;--radius-sm: 9px;--shadow: 0 6px 24px rgb(0 0 0 / .35);--tap: 44px}@media(prefers-color-scheme:light){:root{--bg: #f4f6f9;--bg-raised: #ffffff;--bg-sunken: #e8ecf1;--line: #d5dce4;--line-soft: #e6ebf0;--fg: #1a2029;--fg-dim: #56616e;--fg-faint: #8794a2;--accent: #1d6fd0;--accent-ink: #ffffff;--ok: #1f8f5f;--ok-bg: #e2f6ec;--bad: #cf3b3b;--bad-bg: #fdeaea;--book-accent: #2b62b8;--ai-accent: #7b4fc4;--ai-bg: #f3edfd;--shadow: 0 4px 18px rgb(16 24 40 / .09)}}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.ja{font-family:var(--font-ja);word-break:normal;overflow-wrap:anywhere;line-break:strict}.ja ruby{ruby-position:over}.ja rt{font-size:.52em;color:var(--fg-dim);font-weight:400;letter-spacing:0;-webkit-user-select:none;user-select:none}.ja--ruby{line-height:2.15}button{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}