:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f3f1eb;--app-paper:#f8f6f0;--app-paper-strong:#fffdf8;--app-sidebar:#ede9df;--app-ink:#24231f;--app-muted:#827c70;--app-soft:#aaa397;--app-line:#d8d3c7;--app-line-soft:#e7e2d8;--app-accent:#30302b;--app-shadow:0 18px 60px #332f2714;--app-sidebar-width:226px}html,body,#root{height:100%}body{background:var(--app-bg);color:var(--app-ink);margin:0;font-family:system-ui,sans-serif;overflow:hidden}button,select,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:#fff;border:1px solid #c9ccd1;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:#8b9098}button.active{background:var(--app-accent);border-color:var(--app-accent);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{background:var(--app-paper);height:100vh;position:relative;overflow:hidden}.reader-layer,.management-layer{position:fixed;inset:0}.reader-layer{z-index:0}.management-layer{z-index:20}.reader-pass-through{pointer-events:none}.reader-menu-float{pointer-events:auto;z-index:1;border:1px solid var(--app-line);background:color-mix(in srgb, var(--app-paper-strong) 88%, transparent);min-height:38px;color:var(--app-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 8px;display:inline-flex;position:fixed;top:78px;left:16px;box-shadow:0 8px 24px #332f271a}.reader-menu-float:hover:not(:disabled){background:var(--app-paper-strong);border-color:#bdb6aa}.management-layer-active{grid-template-columns:var(--app-sidebar-width) minmax(0, 1fr);background:var(--app-paper);color:var(--app-ink);display:grid}.global-sidebar{border-right:1px solid var(--app-line);background:var(--app-sidebar);flex-direction:column;min-width:0;padding:24px 15px 18px;display:flex}.global-brand{align-items:center;gap:11px;padding:0 10px 25px;display:flex}.global-brand-mark,.nav-glyph{flex:none;place-items:center;font-family:Georgia,Times New Roman,serif;display:grid}.global-brand-mark{background:#ffffff7a;border:1px solid #bdb6aa;border-radius:9px;width:31px;height:31px;font-size:19px;font-style:italic}.global-brand-text strong{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500;display:block}.global-brand-text span{color:var(--app-muted);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.global-nav{gap:3px;display:grid}.global-nav+.global-nav{margin-top:14px}.global-nav-label{color:#989184;letter-spacing:.14em;text-transform:uppercase;padding:0 12px 7px;font-size:10px;font-weight:700}.global-nav-button{color:#575249;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:40px;padding:10px 12px;transition:background-color .16s,color .16s,box-shadow .16s;display:flex}.global-nav-button span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.global-nav-button:hover:not(:disabled){color:var(--app-ink);background:#ffffff75}.global-nav-button.active{background:var(--app-paper-strong);color:var(--app-ink);box-shadow:0 1px #1e1e180a,0 7px 18px #37322a0f}.nav-glyph{width:24px;height:24px;color:var(--app-muted);background:#48443d14;border-radius:7px;font-size:12px}.global-sidebar-spacer{flex:1}.management-page{background:var(--app-paper);flex-direction:column;min-width:0;min-height:0;display:flex}.management-topbar{border-bottom:1px solid var(--app-line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f6f0f0;align-items:center;gap:10px;min-height:66px;padding:0 30px;display:flex}.management-topbar span{color:var(--app-muted);font-size:13px}.management-topbar strong{font-size:14px;font-weight:600}.placeholder-page{flex:1;min-height:0;padding:clamp(32px,7vw,86px);overflow:auto}.placeholder-kicker{color:var(--app-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.placeholder-page h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,6vw,72px);font-weight:400;line-height:1.05}.placeholder-page p{color:var(--app-muted);margin:18px 0 0;font-size:16px}.words-page{--reader-bg:var(--app-paper);--reader-fg:var(--app-ink);--reader-muted:var(--app-muted);--reader-border:var(--app-line);--track:#e7e2d8;--pill:var(--app-paper-strong);--pill-shadow:0 1px 2px #00000017;flex:1;min-height:0;padding:28px 30px 34px;overflow:auto}.words-page-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.words-kicker{color:var(--app-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.words-page h1,.words-detail-title h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.08}.words-page h1{font-size:clamp(38px,5vw,62px)}.words-detail-title h2{overflow-wrap:anywhere;font-size:30px}.words-primary{border-color:var(--app-accent);background:var(--app-accent);color:#fff;border-radius:2px;padding:10px 16px}.words-primary:hover:not(:disabled){background:#47453b;border-color:#47453b}.words-add-form,.words-toolbar,.words-layout{border-top:1px solid var(--app-line)}.words-add-form{grid-template-columns:minmax(130px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(170px,1.2fr) auto;align-items:end;gap:12px;padding:18px 0;display:grid}.sentences-add-form{grid-template-columns:minmax(180px,1.2fr) minmax(140px,.9fr) minmax(140px,.9fr) minmax(120px,.7fr) minmax(150px,1fr) auto}.words-toolbar{grid-template-columns:minmax(220px,1fr) 160px 180px;gap:12px;padding:18px 0;display:grid}.sentences-toolbar{grid-template-columns:minmax(220px,1fr) 180px}.words-add-form label,.words-search,.words-filter,.words-detail-pane label{gap:6px;display:grid}.words-add-form span,.words-search span,.words-filter span,.words-detail-pane label span{color:var(--app-muted);font-size:12px}.words-page input,.words-page select,.words-page textarea{box-sizing:border-box;border:1px solid var(--app-line);background:var(--app-paper-strong);width:100%;color:var(--app-ink);border-radius:6px;padding:9px 10px}.words-page textarea{resize:vertical;min-height:82px;line-height:1.45}.words-page input:focus,.words-page select:focus,.words-page textarea:focus{outline-offset:1px;outline:2px solid #30302b42}.words-message{color:var(--app-muted);margin:0 0 12px;font-size:13px}.words-layout{grid-template-columns:minmax(320px,1fr) minmax(310px,400px);gap:24px;padding-top:20px;display:grid}.words-list-pane,.words-detail-pane{min-width:0}.words-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.words-list button{border:1px solid var(--app-line);text-align:left;background:0 0;border-radius:6px;gap:7px;width:100%;padding:14px;display:grid}.words-list button:hover:not(:disabled),.words-list button.selected{background:var(--app-paper-strong);border-color:#bdb6aa}.words-row-head,.words-origin-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.words-row-head{justify-content:space-between}.words-row-head strong{overflow-wrap:anywhere;min-width:0;font-size:18px;font-weight:560}.sentences-list .words-row-head strong{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.35}.words-row-meaning{color:var(--app-ink);overflow-wrap:anywhere;font-size:14px;line-height:1.45}.words-row-example{color:var(--app-muted);overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.45}.words-origin-tags span,.words-status{border:1px solid var(--app-line);min-height:22px;color:var(--app-muted);border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;display:inline-flex}.words-status-new{background:color-mix(in srgb, #facc15 22%, var(--app-paper))}.words-status-learning{background:color-mix(in srgb, #38bdf8 20%, var(--app-paper))}.words-status-known{background:color-mix(in srgb, #4ade80 18%, var(--app-paper))}.words-detail-pane{border:1px solid var(--app-line);background:var(--app-paper-strong);border-radius:8px;align-self:start;padding:18px;box-shadow:0 8px 28px #332f2712}.words-detail-pane form{gap:14px;display:grid}.words-source-card{border:1px solid var(--app-line-soft);background:var(--app-paper);border-radius:6px;gap:6px;padding:14px;display:grid}.words-source-card span,.words-source-card small{color:var(--app-muted);font-size:12px}.words-source-card strong{font-size:15px;font-weight:600}.words-source-card p{color:var(--app-muted);margin:4px 0 6px;font-size:13px;line-height:1.45}.words-source-card button,.words-source-disabled{border-radius:2px;justify-self:start;padding:8px 12px}.words-detail-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.words-danger{color:#8b3f2f;background:#fff8f5;border-color:#c9aaa0;border-radius:2px;padding:10px 14px}.words-empty{color:var(--app-muted);margin:0;font-size:14px}.analytics-page-head{align-items:start}.analytics-page-head p{max-width:520px;color:var(--app-muted);margin:9px 0 0;font-size:15px;line-height:1.55}.analytics-head-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.analytics-export-button{border-color:var(--app-line);background:var(--app-paper-strong);min-height:42px;color:var(--app-text);padding:9px 14px}.analytics-range{border:1px solid var(--app-line);background:var(--app-paper-strong);border-radius:8px;align-items:center;gap:6px;padding:4px;display:inline-flex}.analytics-range button{min-height:34px;color:var(--app-muted);background:0 0;border:0;border-radius:6px;padding:7px 12px}.analytics-range button.active{background:var(--app-accent);color:#fff}.analytics-metric-grid,.analytics-grid{gap:14px;display:grid}.analytics-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.analytics-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);margin-bottom:18px}.analytics-metric,.analytics-panel{border:1px solid var(--app-line);background:var(--app-paper-strong);border-radius:8px;box-shadow:0 8px 28px #332f270f}.analytics-metric{gap:9px;min-width:0;padding:17px;display:grid}.analytics-metric span,.analytics-metric small,.analytics-panel-title p{color:var(--app-muted)}.analytics-metric span{font-size:13px}.analytics-metric strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.05}.analytics-metric small{font-size:12px;line-height:1.4}.analytics-panel{min-width:0;padding:18px}.analytics-panel-wide{min-height:330px}.analytics-panel-title{margin-bottom:16px}.analytics-panel-title h2{margin:0;font-size:18px;font-weight:650}.analytics-panel-title p{margin:6px 0 0;font-size:13px}.analytics-chart-legend{color:var(--app-muted);flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.analytics-chart-legend span,.analytics-status-legend span{align-items:center;gap:7px;display:inline-flex}.analytics-dot{background:#9b8a73;border-radius:99px;width:10px;height:10px}.analytics-dot.reading,.analytics-bar-segment.reading{background:#6f5841}.analytics-dot.listening,.analytics-bar-segment.listening{background:#3f6f6b}.analytics-dot.typing,.analytics-bar-segment.typing{background:#9a6b42}.analytics-dot.new,.analytics-donut-slice.new{color:#c99a20;stroke:#c99a20;background:#c99a20}.analytics-dot.learning,.analytics-donut-slice.learning{color:#3f6f6b;stroke:#3f6f6b;background:#3f6f6b}.analytics-dot.known,.analytics-donut-slice.known{color:#617c4d;stroke:#617c4d;background:#617c4d}.analytics-bars{align-items:end;gap:7px;min-height:230px;display:flex}.analytics-bar-column{text-align:center;flex:1 1 0;grid-template-rows:1fr 18px 18px;gap:5px;min-width:0;height:230px;display:grid}.analytics-bar-track{border:1px solid var(--app-line-soft);background:var(--app-paper);border-radius:5px 5px 2px 2px;flex-direction:column-reverse;justify-content:flex-start;align-self:end;width:100%;height:170px;display:flex;overflow:hidden}.analytics-bar-segment{width:100%;min-height:0;display:block}.analytics-bar-value,.analytics-bar-label{min-height:16px;color:var(--app-muted);font-size:11px}.analytics-bar-value{color:#575249}.analytics-status{justify-items:center;gap:12px;display:grid}.analytics-donut{width:min(220px,100%);height:auto}.analytics-donut-base,.analytics-donut-slice{fill:none;stroke-width:14px}.analytics-donut-base{stroke:var(--app-line-soft)}.analytics-donut-slice{transform-origin:60px 60px;transform:rotate(-90deg)}.analytics-donut-total{fill:var(--app-ink);font-family:Georgia,Times New Roman,serif;font-size:24px}.analytics-donut-label{fill:var(--app-muted);font-size:11px}.analytics-status-legend{width:min(260px,100%);color:var(--app-muted);gap:9px;font-size:13px;display:grid}.analytics-status-legend span{border-top:1px solid var(--app-line-soft);justify-content:space-between;padding-top:9px}.analytics-status-legend strong{color:var(--app-ink);margin-right:auto;font-weight:560}.analytics-status-legend em{font-style:normal}.analytics-panel .study-heatmap-wrap{border:0;padding:0}@media (width<=720px){.management-layer-active{grid-template-columns:76px minmax(0,1fr)}.global-sidebar{align-items:center;padding:18px 10px}.global-brand{padding:0 0 22px}.global-brand-text,.global-nav-label,.global-nav-button span:last-child{display:none}.global-nav-button{justify-content:center;width:44px;padding:10px}.management-topbar{padding:0 18px}.placeholder-page{padding:32px 22px}.words-page{padding:24px 18px 30px}.words-page-head{flex-direction:column;align-items:start}.words-add-form,.words-toolbar,.words-layout{grid-template-columns:1fr}.words-layout{gap:16px}.words-detail-pane{padding:15px}.words-detail-actions{flex-direction:column;align-items:stretch}.analytics-page-head{align-items:stretch}.analytics-range{align-self:start}.analytics-metric-grid,.analytics-grid{grid-template-columns:1fr}.analytics-panel-wide{min-height:300px}.analytics-bars{gap:4px;padding-bottom:4px;overflow-x:auto}.analytics-bar-column{min-width:18px}}.reader{--reader-fg:var(--app-ink);--reader-bg:var(--app-paper);--reader-muted:var(--app-muted);--reader-border:var(--app-line);--reader-hover:color-mix(in srgb, var(--reader-bg) 86%, gray);--accent:var(--app-accent);--track:#e7e2d8;--pill:var(--app-paper-strong);--pill-shadow:0 1px 2px #0000001a;background:var(--reader-bg);color:var(--reader-fg);flex-direction:column;height:100%;display:flex}.reader.theme-sepia{--reader-fg:#3a2f23;--reader-bg:#f4ecd8;--reader-muted:#8a7a63;--reader-border:#e4d7bd;--accent:#9a6a33;--track:#e7dabd;--pill:#fbf6ea;--pill-shadow:0 1px 2px #3c281424}.reader.theme-green{--reader-fg:#27331f;--reader-bg:#c7edcc;--reader-muted:#5a6b53;--reader-border:#aed8b4;--accent:#3f7a48;--track:#b2d8b8;--pill:#d9f3dc;--pill-shadow:0 1px 2px #14321924}.reader.theme-dark{--reader-fg:#d6d6d6;--reader-bg:#16181c;--reader-muted:#9aa0a8;--reader-border:#2b2f36;--accent:#7f93b8;--track:#23262c;--pill:#2e323a;--pill-shadow:0 1px 2px #00000080}.reader.theme-dark .reader-controlbar button{color:#d6d6d6;background:#21242b;border-color:#3a3f47}.reader.theme-dark .reader-controlbar button.active{color:#fff;background:#4c5974;border-color:#4c5974}.reader-topbar{border-bottom:1px solid var(--reader-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.reader-position{align-items:baseline;gap:8px;min-width:0;display:flex}.reader-position strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.reader-brand{color:var(--reader-fg);letter-spacing:.02em;background:0 0;border:none;padding:0;font-size:15px;font-weight:650}.reader-brand:hover:not(:disabled){color:var(--accent);border-color:#0000}.reader-book-title{max-width:min(34vw,360px);color:var(--reader-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.reader-position .chapter{color:var(--reader-muted);white-space:nowrap;font-size:13px}.reader-pct{color:var(--reader-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.progress-track{background:var(--reader-border);height:3px}.progress-fill{background:color-mix(in srgb, var(--reader-fg) 45%, var(--reader-bg));height:100%;transition:width .2s;display:block}.reader-main{flex:1;min-height:0;display:flex}.reader-stage{flex:1;min-width:0;position:relative;overflow:hidden}.reader-home{z-index:10;color:#24231f;background:#f7f5ef;position:absolute;inset:0;overflow:auto}.reader-home-inner{width:min(980px,100% - 48px);margin:0 auto;padding:54px 0 64px}.reader-home-hero{border-bottom:1px solid #d8d3c7;padding:0 0 42px}.reader-home-kicker,.reader-home-section-head p{color:#817a6b;letter-spacing:.16em;margin:0 0 10px;font-size:11px;font-weight:650}.reader-home-hero h1{max-width:760px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,6vw,68px);font-weight:400;line-height:1.08}.reader-home-book{margin:27px 0 12px;font-size:17px}.reader-home-progress{background:#ded9ce;width:min(420px,100%);height:3px;overflow:hidden}.reader-home-progress span{background:#292821;height:100%;display:block}.reader-home-progress-label{color:#817a6b;margin:7px 0 18px;font-size:12px}.reader-home-primary{box-sizing:border-box;color:#fff;cursor:pointer;background:#292821;border:1px solid #292821;border-radius:2px;justify-content:center;align-items:center;min-width:136px;padding:11px 18px;font-size:14px;display:inline-flex}.reader-home-primary:hover:not(:disabled){background:#47453b;border-color:#292821}.reader-home-primary input{display:none}.reader-home-empty{margin-top:26px}.reader-home-empty p{color:#817a6b}.reader-home-stats{border-bottom:1px solid #d8d3c7;grid-template-columns:repeat(4,1fr);display:grid}.reader-home-stats div{gap:5px;padding:24px 22px 24px 0;display:grid}.reader-home-stats strong{font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400}.reader-home-stats span{color:#817a6b;font-size:12px}.reader-home-practice,.reader-home-activity{padding-top:38px}.reader-home-section-head{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.reader-home-section-head h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400}.reader-home-section-head>span{color:#817a6b;font-size:12px}.reader-home-practice-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.reader-home-practice-list button{color:#24231f;text-align:left;background:0 0;border:1px solid #d8d3c7;border-radius:2px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:92px;padding:18px;display:grid}.reader-home-practice-list button:hover{background:#f0ede5;border-color:#817a6b}.reader-home-practice-list strong,.reader-home-practice-list small{display:block}.reader-home-practice-list strong{margin-bottom:5px;font-size:15px}.reader-home-practice-list small,.practice-index{color:#817a6b;font-size:12px}.reader-home-practice-list b{font-weight:400}.study-heatmap-wrap{border:1px solid #d8d3c7;padding:18px;overflow-x:auto}.study-heatmap{grid-template-rows:repeat(7,11px);grid-auto-columns:11px;grid-auto-flow:column;gap:4px;min-width:max-content;display:grid}.study-heatmap-cell,.study-heatmap-legend i{background:#e6e1d7;border-radius:2px;width:11px;height:11px}.study-heatmap-cell.future{opacity:.35}.study-heatmap-cell.level-1,.study-heatmap-legend .level-1{background:#c9d4bd}.study-heatmap-cell.level-2,.study-heatmap-legend .level-2{background:#9caf8b}.study-heatmap-cell.level-3,.study-heatmap-legend .level-3{background:#708961}.study-heatmap-cell.level-4,.study-heatmap-legend .level-4{background:#40563a}.study-heatmap-legend{color:#817a6b;justify-content:flex-end;align-items:center;gap:4px;margin-top:12px;font-size:10px;display:flex}@media (width<=720px){.reader-home-inner{width:min(100% - 30px,980px);padding-top:34px}.reader-home-stats,.reader-home-practice-list{grid-template-columns:repeat(2,1fr)}.reader-home-practice-list button{grid-column:1/-1}.reader-book-title,.reader-position .chapter{display:none}}.reader-host{max-width:760px;height:100%;margin:0 auto}.reader-stage.bordered{background:color-mix(in srgb, var(--reader-bg) 94%, gray)}.reader-stage.bordered .reader-host{background:var(--reader-bg);border:1px solid var(--reader-border);border-radius:12px;height:calc(100% - 28px);margin:14px auto;box-shadow:0 2px 18px #00000012}.reader-host>foliate-view{background:0 0;height:100%;display:block}.page-arrow{width:8%;min-width:44px;max-width:88px;color:var(--reader-muted);opacity:0;cursor:pointer;z-index:3;background:0 0;border:none;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0}.page-arrow.left{justify-content:flex-start;padding-left:10px;left:0}.page-arrow.right{justify-content:flex-end;padding-right:10px;right:0}.reader-stage:hover .page-arrow{opacity:.28}.reader-stage .page-arrow:hover{opacity:.75}.reader-empty{color:var(--reader-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.reader-empty-title{margin:0;font-size:15px}.word-card-slot{z-index:5;width:340px;position:absolute;top:84px;left:max(16px,50% - 700px)}.word-card-slot:focus{outline:none}.word-card-slot.docked{width:min(92%,420px);top:auto;bottom:16px;left:50%;transform:translate(-50%)}.sentence-selection-toolbar{z-index:6;background:#35373b;border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 5px 16px #00000038}.sentence-selection-action,.sentence-selection-close{color:#fff;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:13px;display:inline-flex}.sentence-selection-action:hover,.sentence-selection-close:hover{background:#ffffff24}.sentence-selection-close{color:#c8cbd0;padding:6px}.typing-game-panel h3{color:var(--reader-muted);margin:18px 0 8px;font-size:13px;font-weight:500}.typing-game-panel h3:first-of-type{margin-top:14px}.typing-game-intro{color:var(--reader-muted);margin:0;font-size:13px;line-height:1.5}.typing-book-list,.typing-chapter-list{gap:5px;display:grid}.typing-book-list button,.typing-chapter-list button{border:1px solid var(--reader-border);background:var(--reader-bg);width:100%;color:var(--reader-fg);text-align:start;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.typing-book-list button:disabled,.typing-chapter-list button:disabled{cursor:wait;opacity:.65}.typing-book-list button.active{border-color:var(--accent);background:var(--reader-hover)}.typing-chapter-list button small{color:var(--reader-muted);font-size:12px}.typing-game{z-index:8;background:color-mix(in srgb, var(--reader-bg) 94%, #000);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex;position:absolute;inset:0}.typing-game>*{width:min(680px,100%)}.typing-game-close{width:auto;color:var(--reader-muted);background:0 0;border:none;font-size:24px;position:absolute;top:18px;right:18px}.typing-game-close:disabled{cursor:wait;opacity:.45}.typing-game-kicker,.typing-game-chapter,.typing-game-hint{color:var(--reader-muted)}.typing-game-kicker{margin:0 0 8px;font-size:13px}.typing-game h2{margin:0;font-size:22px;font-weight:550}.typing-game-chapter{margin:6px 0 24px;font-size:14px}.typing-game-progress{color:var(--reader-muted);justify-content:space-between;margin-bottom:18px;font-size:13px;display:flex}.typing-game-target{letter-spacing:.01em;margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,3vw,34px);line-height:1.55}.typing-game-sentence-tools{justify-content:center;margin:-4px 0 12px;display:flex}.typing-game-sentence-tools button,.typing-game-actions button{border:1px solid var(--reader-border);background:var(--pill);color:var(--reader-fg);border-radius:999px;padding:8px 13px}.typing-game-sentence-tools button:hover,.typing-game-actions button:hover{background:var(--reader-hover)}.typing-game-sentence-tools button:disabled,.typing-game-actions button:disabled,.typing-game-input:disabled{cursor:wait;opacity:.65}.typing-game-target .correct{color:var(--accent)}.typing-game-target .wrong{color:#dc5454;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px}.typing-game-input{box-sizing:border-box;border:1px solid var(--reader-border);background:var(--pill);width:min(560px,100%);color:var(--reader-fg);border-radius:10px;padding:13px 15px;font-size:17px}.typing-game-input:focus{outline:2px solid var(--accent);outline-offset:2px}.typing-game-hint{margin:11px 0 0;font-size:13px}.typing-game-result{gap:13px;margin-top:6px;display:grid}.typing-game-result strong{font-size:24px}.typing-game-result div{color:var(--reader-muted)}.typing-game-result span{color:var(--reader-fg);font-variant-numeric:tabular-nums;font-size:28px}.typing-game-actions{flex-wrap:wrap;justify-content:center;justify-self:center;gap:8px;margin-top:8px;display:flex}.reader-tools{flex-shrink:0;align-items:center;gap:2px;display:flex}.tool-btn{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px;display:flex}.tool-btn:hover:not(:disabled),.tool-btn.active{background:var(--reader-hover);color:var(--reader-fg)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.reader-drawer{border-left:1px solid var(--reader-border);flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.drawer-head{border-bottom:1px solid var(--reader-border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.drawer-close{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.drawer-body{flex:1;padding:14px;overflow:auto}.hint{color:var(--reader-muted);font-size:14px}.file-picker{align-items:center;gap:8px;margin-bottom:10px;display:inline-flex}.book-list,.toc-list{margin:0;padding:0;list-style:none}.book-list li{border-top:1px solid var(--reader-border);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.book-list li.current span{font-weight:500}.toc-list li{padding:1px 0}.toc-link{text-align:left;width:100%;color:inherit;background:0 0;border:none;border-radius:4px;padding:6px 4px}.toc-link:hover{background:var(--reader-hover)}.reading-settings{flex-direction:column;gap:16px;display:flex}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-field-label{color:var(--reader-muted);font-size:13px}.ui-divider{background:var(--reader-border);height:1px;margin:2px 0}.ui-stepper{border:1px solid var(--reader-border);background:var(--pill);border-radius:9px;align-items:center;display:flex;overflow:hidden}.ui-stepper button{color:var(--reader-fg);cursor:pointer;background:0 0;border:none;padding:9px 18px}.ui-stepper button:disabled{opacity:.4;cursor:not-allowed}.ui-stepper-val{text-align:center;font-variant-numeric:tabular-nums;flex:1;font-size:14px}.ui-segmented{background:var(--track);border-radius:10px;gap:4px;padding:3px;display:flex}.ui-segment{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 4px;font-size:13px}.ui-segment.on{background:var(--pill);box-shadow:var(--pill-shadow);color:var(--reader-fg)}.ui-swatches{gap:10px;display:flex}.ui-swatch-col{flex-direction:column;align-items:center;gap:5px;display:flex}.ui-swatch{border:1px solid var(--reader-border);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:56px;height:44px;display:flex}.ui-swatch.on{box-shadow:0 0 0 2px var(--accent);border-color:#0000}.ui-swatch-aa{font-family:Georgia,serif;font-size:16px}.ui-swatch-label{color:var(--reader-muted);font-size:11px}.ui-swatch-label.on{color:var(--reader-fg);font-weight:500}.ui-segment:focus-visible,.ui-stepper button:focus-visible,.ui-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reader-controlbar{border-top:1px solid var(--reader-border);align-items:center;gap:8px;min-height:44px;padding:0 20px;display:flex}.reader-controlbar .ctl-btn,.reader-controlbar .ctl-icon{border:1px solid var(--reader-border);background:var(--reader-bg);color:inherit;border-radius:7px;align-items:center;gap:5px;padding:4px 11px;font-size:13px;display:inline-flex}.reader-controlbar .ctl-icon{color:var(--reader-muted);padding:4px 6px}.sentence-nav{align-items:center;gap:4px;display:inline-flex}.reader-controlbar .status{color:var(--reader-muted);margin-inline-start:auto;font-size:13px}.word-card{border:1px solid var(--reader-border);background:var(--reader-bg);border-radius:12px;max-height:calc(100vh - 160px);padding:12px 14px;overflow:auto;box-shadow:0 8px 28px #0000001f}.word-card-head{align-items:baseline;gap:10px;display:flex}.word-card-term{font-size:18px;font-weight:500}.word-card-phonetic{color:var(--reader-muted);white-space:nowrap;font-size:14px}.word-card-audio{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;margin-inline-start:auto;padding:2px;display:inline-flex}.word-card-audio:hover{color:var(--reader-fg)}.word-card-save{border:1px solid var(--reader-border);color:var(--reader-fg);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:3px 10px;font-size:13px}.word-card-save:disabled{color:var(--reader-muted);cursor:default}.word-card-close{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.word-card-hint{color:var(--reader-muted);margin:8px 0 0;font-size:14px}.word-card-retry{color:var(--reader-fg);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.word-card-translation{gap:4px;margin:8px 0 0;padding-inline-start:18px;font-size:15px;display:grid}.word-card-senses{border-top:1px solid var(--reader-border);color:var(--reader-muted);gap:6px;margin:8px 0 0;padding-block:8px 0;padding-inline-start:18px;font-size:13px;display:grid}.word-card-pos{color:var(--reader-muted);margin-inline-end:6px;font-style:italic}.learning-tabs{margin-bottom:16px}.vocab-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.vocab-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.vocab-list li{border-bottom:1px solid var(--reader-border);padding-bottom:10px}.vocab-head{align-items:center;gap:10px;display:flex}.vocab-head strong{font-size:16px;font-weight:500}.status-pill{border:1px solid var(--reader-border);cursor:pointer;border-radius:999px;padding:2px 10px;font-size:12px}.status-pill.status-new{background:color-mix(in srgb, #facc15 30%, var(--reader-bg))}.status-pill.status-learning{background:color-mix(in srgb, #38bdf8 30%, var(--reader-bg))}.status-pill.status-known{background:color-mix(in srgb, #4ade80 30%, var(--reader-bg));color:var(--reader-muted)}.vocab-translation{margin:6px 0 0;font-size:14px}.vocab-example{color:var(--reader-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.sentence-bookmarks-toolbar{margin-bottom:10px;font-size:14px}.sentence-bookmarks-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sentence-bookmarks-list li{border-bottom:1px solid var(--reader-border);gap:8px;padding-bottom:10px;display:flex}.sentence-bookmark-open{min-width:0;color:inherit;text-align:start;background:0 0;border:none;flex:1;padding:0}.sentence-bookmark-open:hover .sentence-bookmark-text{text-decoration:underline}.sentence-bookmark-open:disabled{cursor:default;opacity:.62}.sentence-bookmark-open:disabled:hover .sentence-bookmark-text{text-decoration:none}.sentence-bookmark-book,.sentence-bookmark-text{display:block}.sentence-bookmark-book{color:var(--reader-muted);margin-bottom:3px;font-size:12px}.sentence-bookmark-text{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.sentence-bookmark-remove{color:var(--reader-muted);background:0 0;border:none;align-self:start;padding:0 3px;font-size:18px;line-height:1}