:root{--bg: light-dark(#ececec, #161616);--fg: light-dark(#000, #f2f2f2);--muted: light-dark(#4a4a4a, #b0b0b0);--panel: light-dark(#fff, #222);--shade: light-dark(rgb(0 0 0 / 14%), rgb(0 0 0 / 45%))}[data-theme=light],[data-theme=dark]{--bg: light-dark(#f7f4ee, #171513);--fg: light-dark(#1d1915, #ece6dc);--muted: light-dark(#6f675e, #a79d92);--panel: light-dark(#fffdf8, #24211d);--shade: light-dark(rgb(48 28 16 / 14%), rgb(0 0 0 / 45%))}:root{color-scheme:light dark;--scrim: rgb(0 0 0 / 40%);--scrim-light: rgb(0 0 0 / 18%);--yellow: #ffd600;--pink: #ff6b9a;--blue: #4d6bff;--green: #00c46a;--orange: #ff7a1a;--red: #ff4d3d;--on-color: #000;--hard-shadow: 5px 5px 0 var(--fg);--cloth-0: var(--yellow);--cloth-1: var(--blue);--cloth-2: var(--pink);--cloth-3: var(--green);--cloth-4: var(--orange);--cover-ink: var(--on-color);--brand: light-dark(#d1343a, #f2585b);--rat: light-dark(#e5383b, #ec4548);--rat-ear: #ffb3ba;--rat-ink: #2a1a1f;--rat-shine: #fff;--rat-cover: light-dark(#b5212b, #a8242d);--rat-page: light-dark(#fff8ef, #efe6d8);--rat-page-line: light-dark(#ead8ca, #d3c3ae)}:root,[data-theme]{--accent: var(--fg);--accent-ink: var(--panel);--line: color-mix(in oklab, var(--fg) 13%, transparent);--line-strong: color-mix(in oklab, var(--fg) 25%, transparent);--mark: color-mix(in oklab, var(--accent) 16%, transparent);--shadow: 0 18px 40px var(--shade);accent-color:var(--accent)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-theme=sepia]{color-scheme:light;--bg: #f3e6c8;--fg: #3b2d1d;--muted: #7b6548;--panel: #f8edd4;--shade: rgb(70 40 16 / 16%)}[data-theme=rose]{color-scheme:light;--bg: #f5e8e4;--fg: #3a2422;--muted: #84625d;--panel: #fbf2ef;--shade: rgb(80 30 24 / 14%);--accent: #8e3b32}[data-theme=sage]{color-scheme:light;--bg: #e4e9dd;--fg: #222c25;--muted: #5d6a5f;--panel: #eff2ea;--shade: rgb(24 40 28 / 14%);--accent: #36573f}[data-theme=mist]{color-scheme:light;--bg: #e9edf1;--fg: #1d2731;--muted: #5d6976;--panel: #f5f7f9;--shade: rgb(20 32 48 / 14%);--accent: #2c4a6a}[data-theme=dusk]{color-scheme:dark;--bg: #1a2130;--fg: #dfe4ec;--muted: #8f9aab;--panel: #242c3d;--shade: rgb(0 0 0 / 45%);--accent: #a9c2e8}[data-theme=black]{color-scheme:dark;--bg: #000;--fg: #d6d2cb;--muted: #8a857d;--panel: #151413;--shade: rgb(0 0 0 / 70%)}:root{--ui-serif: ui-serif, Georgia, serif;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg)}body{min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button,.ghost,.primary,.danger{font:inherit;min-height:44px;border-radius:0;border:1px solid transparent;padding:0 1rem;cursor:pointer}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);color:var(--accent-ink)}.ghost{background:transparent;color:inherit;border-color:var(--line);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.danger{background:var(--accent);color:var(--accent-ink)}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:inherit;padding:0;text-decoration:none}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button.active{color:var(--accent)}.icon-button.active svg{fill:currentColor}:is(.library,.dialog) :is(.primary,.ghost,.danger){display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--fg);background:var(--panel);color:var(--fg);font-weight:800;text-decoration:none;box-shadow:var(--hard-shadow)}:is(.library,.dialog) .primary{background:var(--yellow);color:var(--on-color)}:is(.library,.dialog) .danger{background:var(--red);color:var(--on-color)}:is(.library,.dialog) :is(.primary,.ghost,.danger):active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px 0 var(--fg)}.library{--gutter-l: calc(1.25rem + env(safe-area-inset-left)) ;--gutter-r: calc(1.25rem + env(safe-area-inset-right)) ;min-height:100dvh;padding:0 var(--gutter-r) calc(2rem + env(safe-area-inset-bottom)) var(--gutter-l)}.library-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 calc(-1 * var(--gutter-r)) 2rem calc(-1 * var(--gutter-l));padding:calc(.75rem + env(safe-area-inset-top)) var(--gutter-r) .9rem var(--gutter-l);background:var(--bg);border-bottom:3px solid var(--fg)}.library-actions{position:relative;display:flex;flex:none;gap:.75rem;align-items:center}.welcome .library-actions{justify-content:center}.icon-label{gap:.5rem}.icon-label svg{display:none;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6}.library h1{margin:0;min-width:0;font-weight:900;font-size:2.5rem;line-height:1;letter-spacing:-.03em}.brand{display:flex;align-items:center;gap:.6rem}.brand .logo{width:1.3em;flex:none}.brand-red{color:var(--brand)}.logo{display:block}.logo svg{display:block;width:100%;height:auto;overflow:visible}.logo .rat{fill:var(--rat)}.logo .ear{fill:var(--rat-ear)}.logo .ink{fill:var(--rat-ink)}.logo .shine{fill:var(--rat-shine)}.logo .cover{fill:var(--rat-cover)}.logo .page{fill:var(--rat-page)}.logo .lines{fill:none;stroke:var(--rat-page-line);stroke-width:3;stroke-linecap:round}.welcome{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem}.welcome .logo{width:9rem}.welcome p{margin:0}@media(max-width:600px){.library{--gutter-l: calc(1rem + env(safe-area-inset-left)) ;--gutter-r: calc(1rem + env(safe-area-inset-right)) }.library-head{gap:.75rem;margin-bottom:1.5rem}.library h1{font-size:1.75rem}.library-head .library-actions{gap:.6rem}.library-head .icon-label{width:44px;padding:0}.library-head .icon-label svg{display:block}.library-head .icon-label span{display:none}}@media(max-width:359px){.library-head .brand .logo{display:none}}.status{color:var(--muted)}.status.error,.toast{color:var(--fg)}.drop-hint,.empty{border:3px dashed var(--fg);padding:2.5rem 1rem;text-align:center;background:var(--panel);color:var(--fg);font-weight:600}.drop-hint{background:var(--yellow);color:var(--on-color);border-color:var(--on-color)}.shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:1.75rem 1.25rem}.shelf li{position:relative}.book-card{display:flex;flex-direction:column;gap:.75rem;color:inherit;text-decoration:none}.cover{position:relative;display:block;aspect-ratio:2 / 3;overflow:hidden;border:3px solid var(--fg);background:var(--cloth, var(--cloth-0));box-shadow:var(--hard-shadow)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-title{position:absolute;left:.7rem;right:.7rem;top:.7rem;color:var(--cover-ink);font-size:1.05rem;font-weight:900;line-height:1.15}.progress{position:absolute;left:0;right:0;bottom:0;height:12px;border-top:3px solid var(--fg);background:var(--panel)}.progress span{display:block;height:100%;background:var(--fg)}.cover-language{position:absolute;left:.5rem;bottom:.5rem;max-width:calc(100% - 1rem);padding:.05rem .4rem;overflow:hidden;border:2px solid var(--fg);background:var(--panel);color:var(--fg);font-size:.75rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.cover:has(.progress) .cover-language{bottom:calc(12px + .5rem)}.meta{display:flex;flex-direction:column;gap:.1rem;padding-right:2rem}.title{font-weight:800;line-height:1.2}.author{color:var(--muted);font-size:.92rem}.percent{align-self:flex-start;margin-top:.3rem;padding:0 .4rem;background:var(--fg);color:var(--bg);font-size:.8rem;font-weight:800}.book-menu{position:absolute;right:-6px;bottom:1.6rem;color:var(--fg)}.book-menu[aria-expanded=true]{color:var(--on-color);background:var(--yellow)}.user-menu{position:relative}.avatar{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--fg);background:var(--panel);color:var(--fg);font-weight:900;font-size:1.05rem;box-shadow:var(--hard-shadow)}.avatar[aria-expanded=true]{background:var(--yellow);color:var(--on-color)}.avatar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4}.menu-dismiss{position:fixed;inset:0;z-index:15;min-height:0;padding:0;border:0;border-radius:0;background:transparent;cursor:default}.menu{position:absolute;z-index:16;min-width:12rem;max-width:min(18rem,calc(100vw - 2rem));padding:0;display:flex;flex-direction:column;background:var(--panel);color:var(--fg);border:3px solid var(--fg);box-shadow:var(--hard-shadow)}.account-menu{top:calc(100% + .75rem);right:0}.paste-pop{top:calc(100% + .75rem);right:0;width:min(28rem,calc(100vw - 2rem));max-width:none;padding:1rem;gap:.75rem}.paste-pop h2{margin:0;font-size:1.3rem;font-weight:900;letter-spacing:-.02em}.paste-pop .status{margin:0}.paste-pop .dialog-actions{margin-top:.25rem}.paste-pop label{display:flex;flex-direction:column;gap:.3rem;font-size:.92rem;font-weight:700}.paste-pop input,.paste-pop textarea{width:100%;border:3px solid var(--fg);border-radius:0;background:var(--panel);color:var(--fg);font:inherit;font-size:1rem;font-weight:400}.paste-pop input:focus,.paste-pop textarea:focus{outline:none;box-shadow:var(--hard-shadow)}.paste-pop input{min-height:44px;padding:0 .8rem}.paste-pop textarea{height:12rem;min-height:6rem;max-height:60dvh;padding:.6rem .8rem;resize:vertical;line-height:1.45}.book-menu-pop{right:-6px;bottom:calc(1.6rem + 46px)}.menu-label{margin:0;padding:.6rem .75rem;border-bottom:3px solid var(--fg);font-size:.86rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:0 .75rem;background:transparent;color:inherit;font-weight:800;text-align:left}.menu-item+.menu-item{border-top:3px solid var(--fg)}.menu-item:hover,.menu-item:focus-visible{background:var(--yellow);color:var(--on-color);outline:none}.menu-item.danger-text{color:var(--brand)}.menu-item.danger-text:hover,.menu-item.danger-text:focus-visible{background:var(--red);color:var(--on-color)}.menu-item-note{margin-left:auto;padding-left:.75rem;font-weight:600;opacity:.7}.menu-item svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4}.scrim,.scrim.light,.sheet-dismiss{min-height:0;padding:0;border-radius:0}.scrim,.scrim.light{position:fixed;inset:0;border:0;background:var(--scrim);z-index:20}.scrim.light{background:var(--scrim-light)}.dialog{position:fixed;z-index:21;left:50%;top:50%;transform:translate(-50%,-50%);width:min(28rem,calc(100% - 2rem));background:var(--panel);color:var(--fg);border:3px solid var(--fg);padding:1.25rem;box-shadow:8px 8px 0 var(--fg)}.upload-dialog{width:min(26rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;align-items:center;padding:1.75rem 1.25rem 1.25rem;text-align:center;animation:upload-in .22s ease-out}.dialog.upload-dialog h2{margin:1rem 0 .25rem;font-size:1.3rem}.upload-detail{max-width:100%;overflow-wrap:anywhere;font-size:.95rem}.upload-dialog .dialog-actions{align-self:stretch}.upload-ring{position:relative;width:84px;height:84px;flex:none;display:grid;place-items:center;color:var(--accent)}.ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:6}.ring-track{stroke:var(--line)}.ring-fill{stroke:currentColor;stroke-dasharray:100;transition:stroke-dashoffset .35s ease,stroke .2s ease}.ring-spin{stroke:color-mix(in srgb,currentColor 35%,transparent);stroke-dasharray:14 86;transform-origin:32px 32px;animation:lookup-spin 1.1s linear infinite}.ring-label{font-size:1.35rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--fg)}.ring-label small{font-size:.7em;color:var(--muted)}.ring-icon{position:relative;width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:upload-pop .3s ease-out}.upload-dialog.with-failures .upload-ring{color:var(--brand)}.upload-list{list-style:none;margin:1.25rem 0 0;padding:0;align-self:stretch;overflow:auto;max-height:40dvh;border-top:3px solid var(--fg);text-align:left}.upload-item{display:grid;grid-template-columns:28px 1fr;column-gap:.65rem;align-items:center;padding:.6rem .15rem;border-bottom:1px solid var(--fg)}.upload-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--muted)}.upload-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.upload-icon .dot{width:7px;height:7px;background:var(--line-strong)}.upload-icon .spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);animation:lookup-spin .7s linear infinite}.upload-item.added .upload-icon{color:var(--on-color);background:var(--green)}.upload-item.failed .upload-icon{color:var(--on-color);background:var(--red)}.upload-text{min-width:0;display:flex;flex-direction:column;gap:.1rem}.upload-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.upload-note{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.upload-item.failed .upload-note{color:var(--fg)}.upload-item.waiting .upload-name{color:var(--muted)}.upload-bar{grid-column:2;height:10px;margin-top:.4rem;border:2px solid var(--fg);background:var(--panel);overflow:hidden}.upload-bar span{display:block;height:100%;background:var(--fg);transition:width .2s ease}@keyframes upload-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes upload-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.dialog h2{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;margin:0 0 .5rem}.dialog p{margin:0;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.language-dialog{max-height:calc(100dvh - 2rem);display:flex;flex-direction:column}.language-search{width:100%;min-height:44px;margin-top:1rem;padding:0 .8rem;border:3px solid var(--fg);border-radius:0;background:var(--panel);color:var(--fg);font:inherit}.language-search:focus{outline:none;box-shadow:var(--hard-shadow)}.language-list{list-style:none;height:min(18rem,45dvh);margin:.75rem 0 0;padding:0;overflow-y:auto;border:3px solid var(--fg)}.language-list li+li{border-top:2px solid var(--line)}.language-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:0 .75rem;background:transparent;color:inherit;font-weight:700;text-align:left}.language-option:hover:not(:disabled),.language-option:focus-visible{background:var(--yellow);color:var(--on-color);outline:none}.language-option.active{background:var(--pink);color:var(--on-color)}.language-code{font-size:.8rem;font-weight:600;opacity:.7}.language-empty{padding:.75rem;color:var(--muted)}.dialog .language-error{margin-top:.75rem;color:var(--fg)}.language-dialog .dialog-actions{margin-top:1rem}.settings-dialog{width:min(30rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:0 1.25rem 1.25rem}.settings-dialog>p{margin-top:1rem}.settings-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:.6rem;margin:0 -1.25rem;padding:.6rem .75rem .6rem 1.25rem;background:var(--yellow);color:var(--on-color);border-bottom:3px solid var(--fg)}.settings-head h2{flex:1;margin:0;font-size:1.75rem}.settings-head .icon-button{width:40px;height:40px;min-height:40px;border:3px solid var(--on-color)}.settings-head .icon-button svg{stroke-width:2.8}.settings-head .icon-button:hover{background:var(--on-color);color:var(--yellow)}.saved-note{padding:.1rem .5rem;background:var(--on-color);color:var(--yellow);font-size:.85rem;font-weight:800}.settings-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;border-top:3px solid var(--fg)}.settings-head+.settings-section{border-top:0}.settings-section h3{margin:0;font-size:1.1rem;font-weight:900}.dialog .settings-hint{font-size:.86rem}.model-choice{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.model-choice button{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.7rem .8rem;border:3px solid var(--fg);background:var(--panel);color:inherit;text-align:left;box-shadow:var(--hard-shadow)}.model-choice button strong{font-weight:800;line-height:1.2}.model-choice button span{color:var(--muted);font-size:.86rem;line-height:1.3}.model-choice button.active{background:var(--pink);color:var(--on-color)}.model-choice button.active span{color:var(--on-color)}.voice-row{display:flex;gap:.9rem;align-items:stretch}.field{flex:1;min-width:0;min-height:44px;padding:0 2.4rem 0 .8rem;border:3px solid var(--fg);border-radius:0;background:linear-gradient(45deg,transparent 50%,currentColor 50%) calc(100% - 1.15rem) 50% / .4rem .4rem no-repeat,linear-gradient(135deg,currentColor 50%,transparent 50%) calc(100% - .75rem) 50% / .4rem .4rem no-repeat,var(--panel);color:var(--fg);font:inherit;font-weight:700;appearance:none;box-shadow:var(--hard-shadow)}.settings-dialog .voice-row .voice{width:50px;height:auto;border:3px solid var(--fg);background:var(--blue);color:var(--on-color);box-shadow:var(--hard-shadow)}.settings-dialog .voice-row .voice svg{stroke-width:2.4}.speed-field{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem;font-size:.92rem;font-weight:700}.speed-field input{width:100%;min-height:44px;margin:0;background:transparent;appearance:none;cursor:pointer}.speed-field input::-webkit-slider-runnable-track{height:12px;border:3px solid var(--fg);background:linear-gradient(to right,var(--fg) var(--fill, 50%),var(--panel) var(--fill, 50%))}.speed-field input::-webkit-slider-thumb{width:22px;height:32px;margin-top:-13px;border:3px solid var(--fg);background:var(--yellow);appearance:none}.speed-field input::-moz-range-track{height:6px;border:3px solid var(--fg);background:var(--panel)}.speed-field input::-moz-range-progress{height:6px;background:var(--fg)}.speed-field input::-moz-range-thumb{width:16px;height:26px;border:3px solid var(--fg);border-radius:0;background:var(--yellow)}.dialog .settings-error{color:var(--fg);margin-top:.5rem}.costs-total{display:flex;flex-direction:column;gap:.1rem;margin:1rem 5px 1.25rem 0;padding:.75rem .9rem;border:3px solid var(--fg);background:var(--green);color:var(--on-color);box-shadow:var(--hard-shadow)}.costs-total strong{font-size:2.5rem;font-weight:900;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.dialog .costs-total span{color:var(--on-color);font-size:.9rem;font-weight:700}.cost-list,.cost-lines{list-style:none;margin:0;padding:0}.cost-list>li+li{border-top:3px solid var(--fg)}.cost-row{display:flex;align-items:center;gap:.75rem;padding:.55rem 0}.cost-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:700}.cost-name small{display:block;color:var(--muted);font-size:.82rem;font-weight:500}.cost-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.cost-book summary{cursor:pointer;list-style:none}.cost-book summary::-webkit-details-marker{display:none}.cost-book summary:before{content:"+";flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--fg);background:var(--yellow);color:var(--on-color);font-weight:900;line-height:1}.cost-book[open] summary:before{content:"\2212"}.cost-lines{padding:0 0 .5rem 2.1rem}.cost-lines .cost-row{padding:.35rem 0;font-size:.92rem}.cost-lines .cost-name{font-weight:500}.cost-name small.pinyin{color:var(--fg);font-weight:600}.word-part{margin-left:.4rem;color:var(--muted);font-size:.78rem;font-weight:600;font-style:italic}.word-detail{display:flex;flex-direction:column;gap:.5rem;padding:0 0 .75rem 2.1rem}.dialog .word-forms{margin:0;color:var(--muted);font-size:.86rem}.word-book .cost-row{padding:.25rem 0;font-size:.92rem}.word-book .cost-name{font-weight:700}.word-book .cost-amount{font-weight:600;color:var(--muted)}.dialog .word-sentence{margin:.2rem 0 .4rem;padding-left:.6rem;border-left:3px solid var(--fg);color:var(--fg);font-size:.92rem;line-height:1.45}.word-sentence .tapped{font-weight:800;background:var(--yellow);color:var(--on-color)}@media(max-width:480px){.model-choice{grid-template-columns:1fr}.dialog{box-shadow:var(--hard-shadow)}.settings-head h2{font-size:1.5rem}}.reader{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bar{position:absolute;left:env(safe-area-inset-left);right:env(safe-area-inset-right);z-index:5;display:flex;align-items:center;gap:.25rem;padding:.25rem .4rem;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .16s ease,background .16s ease}.bar.hint,.bar.visible{transform:translateY(0);opacity:1}.bar.hint{background:color-mix(in srgb,var(--bg) 58%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bar.hint .icon-button,.bar.hint .bar-title{opacity:.45}.bar.visible{pointer-events:auto}.bar.visible .icon-button,.bar.visible .bar-title{opacity:1}.bar.top{top:env(safe-area-inset-top)}.reader.top-hot .sheet .w{cursor:default}.bar-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.bar-title strong,.bar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-title span{color:var(--muted);font-size:.85rem}.window{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;position:relative;outline:none}.flow{padding:calc(3.6rem + var(--margin)) var(--margin) calc(2.5rem + var(--margin))}.sheet{font-family:var(--reader-font, serif);font-size:var(--font-size);line-height:var(--line-height);hyphens:auto;-webkit-hyphens:auto}.sheet+.sheet{margin-top:3rem}.sheet p{margin:0;text-indent:1.4em}.sheet p:first-child,.sheet :is(h1,h2,h3,h4,h5,h6,hr,figure,blockquote,img,div)+p{text-indent:0}.sheet hr{border:0;margin:1.2em 0;text-align:center}.sheet h1,.sheet h2,.sheet h3{line-height:1.2;font-weight:700;margin:0 0 .6em}.sheet img{max-width:100%;height:auto}.sheet a{color:inherit}.sheet .w{border-radius:.2em;cursor:pointer}.sheet .w.on{background:var(--mark)}.reader-status{margin:auto;text-align:center;padding:2rem}.panel,.drawer,.lookup{position:absolute;z-index:25;background:var(--panel);color:var(--fg);box-shadow:var(--shadow)}.settings-panel{top:calc(3.4rem + env(safe-area-inset-top));right:calc(.6rem + env(safe-area-inset-right));width:min(22rem,calc(100% - 1.2rem));max-height:calc(100dvh - 4.6rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:.9rem;display:flex;flex-direction:column;gap:.8rem}.choice-row{display:flex;gap:.4rem}.choice-row button{flex:1;background:transparent;color:inherit;border:1px solid var(--line)}.choice-row button.active{border-color:var(--accent);color:var(--accent)}.font-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;max-height:14.5rem;overflow:auto}.font-grid button{background:transparent;color:inherit;border:1px solid var(--line);min-height:44px;padding:.35rem .6rem;line-height:1.2;text-align:center}.font-grid button.active{border-color:var(--accent);color:var(--accent)}@property --ring{syntax: "<color>"; inherits: true; initial-value: transparent;}.theme-grid{--ring: var(--accent);display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.swatch{min-height:44px;padding:0 .4rem;background:var(--bg);color:var(--fg);border-color:var(--line);font-size:.88rem}.swatch.active{outline:2px solid var(--ring);outline-offset:2px}.settings-panel label,.setting-block{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem}.read-progress{flex:none;height:3px;margin-left:calc(env(safe-area-inset-left)*-1);margin-right:calc(env(safe-area-inset-right)*-1);background:color-mix(in srgb,var(--fg) 16%,transparent);pointer-events:none}.read-progress span{display:block;height:100%;background:var(--fg)}.settings-panel input[type=range]{width:100%;min-height:44px}.drawer{top:0;bottom:0;left:0;width:min(24rem,100%);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.tabs{display:flex;gap:.4rem;padding:.8rem}.tabs button{flex:1;background:transparent;color:inherit;border:1px solid transparent}.tabs button.active{border-color:var(--accent)}.toc,.marks{list-style:none;margin:0;padding:0 .4rem 1rem;overflow:auto}.toc button,.mark{width:100%;text-align:left;background:transparent;color:inherit;border:0;padding:.7rem .8rem;padding-left:calc(.8rem + var(--level, 0) * .9rem)}.toc button.current{color:var(--accent)}.marks li{display:flex;align-items:center}.mark{flex:1}.mark span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.drawer-empty{padding:0 1.2rem;color:var(--muted)}.sheet-dismiss{position:absolute;inset:0;z-index:29;border:0;background:transparent}.lookup{left:0;right:0;bottom:0;z-index:30;max-height:60dvh;border-top:1px solid var(--line);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);overflow:hidden}.lookup-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .35rem;align-items:start;padding:.75rem .4rem 0 1rem}.lookup-actions{display:flex;align-items:center}.lookup-actions .icon-button:disabled{opacity:1;color:var(--muted)}@media(hover:hover){.lookup-actions .icon-button:hover{background:color-mix(in srgb,var(--fg) 6%,transparent)}}.lookup-actions .spinning svg{animation:lookup-spin .8s linear infinite}.lookup-body{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;min-height:0;padding:.15rem 1rem 1.05rem}.lookup h2{margin:0;font-family:var(--ui-serif);font-weight:400;font-size:1.85rem;line-height:1.15;overflow-wrap:anywhere}.lookup h3{margin:1.15rem 0 .4rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.gloss{margin:.2rem 0 0;font-size:1.05rem;line-height:1.35}.lookup-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.4rem 1.1rem 1.5rem;text-align:center;color:var(--muted)}.lookup-status p{margin:0}.quote{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:.2rem;row-gap:.35rem;align-items:start;margin:.85rem 0 0;padding:.65rem .75rem .75rem .35rem;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.quote .voice{position:relative;grid-column:1;grid-row:1;width:36px;height:36px;margin-top:.05rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.voice-row .voice{position:relative;flex:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.quote .voice svg{width:18px;height:18px}.quote .voice:disabled{opacity:1}.quote .voice.playing,.voice-row .voice.playing{background:var(--accent);color:var(--accent-ink)}.quote .voice.playing svg,.voice-row .voice.playing svg{fill:currentColor;stroke:none}.quote .voice.busy svg,.voice-row .voice.busy svg{visibility:hidden}.quote .voice.busy:after,.voice-row .voice.busy:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 28%,transparent);border-top-color:var(--accent);animation:lookup-spin .7s linear infinite}.quote blockquote{grid-column:2;grid-row:1;margin:.15rem 0 0;font-family:var(--ui-serif);font-size:1.05rem;line-height:1.45;color:var(--fg)}.quote mark{background:var(--mark);color:inherit;border-radius:.2em;padding:0 .15em}.quote figcaption{grid-column:2;grid-row:2;margin:0;color:var(--muted);font-size:.95rem;line-height:1.4}.lookup .pinyin{margin:.15rem 0 0;color:var(--accent);font-size:1.05rem;letter-spacing:.01em}.measure-word{margin:.3rem 0 0;color:var(--muted);font-size:.88rem}.measure-word .pinyin{margin-left:.25rem;font-size:.88rem}.sentence-pinyin{display:block;margin-bottom:.3rem;color:var(--fg);font-size:.95rem;line-height:1.45}.notes{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.notes li{border:1px solid var(--line);padding:.7rem .85rem}.notes strong{display:block;font-weight:600}.notes p,.word-note{margin:.2rem 0 0;white-space:pre-line;color:color-mix(in srgb,var(--fg) 78%,var(--muted));line-height:1.45}.lookup-meta{margin:.95rem 0 0;text-align:right;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.speech-error{margin:.55rem 0 0;color:var(--accent)}.skeleton{display:block;background:linear-gradient(90deg,var(--line) 0%,color-mix(in srgb,var(--fg) 10%,var(--panel)) 50%,var(--line) 100%);background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite}.gloss-bar{height:.85rem;width:58%;margin-top:.55rem}.quote-bar{height:5.4rem;width:100%;margin-top:.85rem}.note-bar{height:.8rem;width:100%;margin-top:.75rem}.note-bar.short{width:68%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes lookup-spin{to{transform:rotate(360deg)}}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.toast{position:absolute;left:1rem;right:1rem;bottom:2.2rem;margin:0;text-align:center}@media(prefers-reduced-motion:reduce){.sheet,.bar{transition:none}.skeleton,.lookup-actions .spinning svg,.quote .voice.busy:after,.voice-row .voice.busy:after{animation:none}.upload-dialog,.ring-icon,.ring-spin{animation:none}.ring-fill,.upload-bar span{transition:none}}@media(max-width:600px){.shelf{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:1.5rem 1rem}}@media(min-width:900px){.shelf{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}