html.is-reading-mode{overflow:hidden}html.is-reading-mode body{overflow:hidden;min-height:100dvh;max-height:100dvh}.reading-mode{--reading-layout-max: 100rem;--reading-layout-padding: clamp(.75rem, 3vw, 1.25rem);display:flex;flex-direction:column;width:100%;min-width:0;height:100dvh;max-height:100dvh;background:var(--background);overflow:hidden}[data-theme=light] .reading-mode{background:#eceef2}[data-theme=dark] .reading-mode{background:var(--background)}.reading-mode-skip{position:absolute;left:.75rem;top:.5rem;z-index:30;padding:.35rem .65rem;border-radius:4px;background:var(--background);color:var(--accent);font-size:.75rem;font-weight:700;text-decoration:none;transform:translateY(-140%);transition:transform .12s ease}.reading-mode-skip:focus-visible{transform:translateY(0)}.reading-mode-chrome{--chrome-bg: var(--background);--chrome-surface: var(--surface);--chrome-border: var(--border);--chrome-tab-track: color-mix( in srgb, var(--foreground) 5%, var(--background) );flex-shrink:0;z-index:20;width:100%;min-width:0;border-bottom:1px solid var(--chrome-border);background:var(--chrome-bg)}[data-theme=light] .reading-mode-chrome{--chrome-bg: #ffffff;--chrome-surface: #ffffff;--chrome-border: color-mix(in srgb, #15171c 8%, transparent);--chrome-tab-track: #eceef2;box-shadow:0 1px color-mix(in srgb,#15171c 6%,transparent)}[data-theme=dark] .reading-mode-chrome{--chrome-bg: var(--background);--chrome-surface: var(--surface);--chrome-border: color-mix(in srgb, var(--foreground) 10%, transparent);--chrome-tab-track: color-mix( in srgb, var(--foreground) 5%, var(--background) )}.reading-mode-chrome-inner{display:flex;flex-direction:column;gap:0;width:100%;min-width:0;max-width:var(--reading-layout-max);margin-inline:auto;padding:.6rem var(--reading-layout-padding) 0}.reading-mode-chrome-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;width:100%;min-width:0;padding-bottom:.55rem}.reading-mode-chrome-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.55rem var(--reading-layout-padding) .65rem;border-top:1px solid var(--chrome-border);margin-inline:calc(-1 * var(--reading-layout-padding))}.reading-mode-chrome .reading-split-tabs{grid-column:2;justify-self:center;display:inline-flex;align-items:stretch;gap:.2rem;width:fit-content;max-width:100%;min-width:0;margin-inline:0;padding:.28rem;border:1px solid var(--chrome-border);border-radius:10px;background:var(--chrome-tab-track);box-shadow:none}.reading-mode-toolbar-hint{margin:0;font-size:.72rem;font-weight:600;line-height:1.25;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reading-mode-chrome-toolbar__end{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:.75rem;min-width:0}.reading-mode-subtitle-size{display:inline-flex;align-items:center;gap:.28rem;padding:.22rem .35rem;border:1px solid var(--chrome-border);border-radius:8px;background:var(--chrome-surface)}.reading-mode-subtitle-size__label{font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--muted-foreground);padding-inline:.15rem .25rem}.reading-mode-subtitle-size__btn{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border:1px solid var(--chrome-border);border-radius:6px;background:color-mix(in srgb,var(--foreground) 3%,var(--chrome-surface));color:var(--foreground);font-size:.95rem;font-weight:700;line-height:1;cursor:pointer;transition:background .14s ease,border-color .14s ease}.reading-mode-subtitle-size__btn:hover{background:color-mix(in srgb,var(--foreground) 6%,var(--chrome-surface));border-color:color-mix(in srgb,var(--foreground) 18%,var(--chrome-border))}.reading-mode-subtitle-size__value{min-width:1.35rem;font-size:.76rem;font-weight:750;font-variant-numeric:tabular-nums;text-align:center;color:var(--foreground)}.reading-mode-subtitle-size__unit{font-size:.62rem;font-weight:600;color:var(--muted-foreground);margin-inline-end:.1rem}.reading-mode[data-reading-split-active=hsk] .reading-mode-toolbar-hint--video,.reading-mode[data-reading-split-active=video] .reading-mode-toolbar-hint--hsk,.reading-mode[data-reading-split-active=frequency] .reading-mode-toolbar-hint,.reading-mode[data-reading-split-active=hsk] .reading-mode-subtitle-size,.reading-mode[data-reading-split-active=frequency] .reading-mode-subtitle-size{display:none}.reading-mode-nav{display:inline-flex;align-items:center;gap:.25rem;min-width:0}.reading-mode-nav-btn{display:inline-flex;align-items:center;gap:.35rem;min-width:0;border:1px solid var(--chrome-border);border-radius:6px;background:var(--chrome-surface);padding:.42rem .65rem;font-size:.8rem;font-weight:600;text-decoration:none;color:var(--foreground);white-space:nowrap;transition:background .14s ease,border-color .14s ease}.reading-mode-nav-btn:hover{background:color-mix(in srgb,var(--foreground) 4%,var(--chrome-surface));border-color:color-mix(in srgb,var(--foreground) 18%,var(--chrome-border))}.reading-mode-nav-btn--truncate .reading-mode-btn-label{overflow:hidden;text-overflow:ellipsis}.reading-mode-nav-btn--truncate{max-width:min(11rem,30vw)}.reading-mode-nav-btn .reading-icon{width:1rem;height:1rem}.reading-mode-home-logo{display:block;width:1.125rem;height:1.125rem;border-radius:3px;flex-shrink:0}.reading-mode-nav-sep{width:1px;height:1.1rem;margin-inline:.15rem;background:var(--chrome-border);flex-shrink:0}.reading-mode-title-block{min-width:0;text-align:center}.reading-mode-eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.reading-mode-title{margin-top:.15rem;font-size:.95rem;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-mode-settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--chrome-border);border-radius:6px;background:var(--chrome-surface);color:var(--foreground);padding:.42rem .65rem;font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .14s ease,border-color .14s ease}.reading-mode-settings-btn:hover{background:color-mix(in srgb,var(--foreground) 4%,var(--chrome-surface));border-color:color-mix(in srgb,var(--foreground) 18%,var(--chrome-border))}.reading-mode-settings-btn .reading-icon{width:1rem;height:1rem}.reading-mode-chrome-actions{display:flex;align-items:center;gap:.35rem}.reading-mode-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--chrome-border);border-radius:6px;background:var(--chrome-surface);padding:0;transition:background .14s ease,border-color .14s ease}.reading-mode-icon-btn:hover{background:color-mix(in srgb,var(--foreground) 4%,var(--chrome-surface));border-color:color-mix(in srgb,var(--foreground) 18%,var(--chrome-border))}.reading-book-display-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .85rem;flex-shrink:0;padding:.45rem .55rem;border:1px solid var(--border);border-radius:4px;background:color-mix(in srgb,var(--background) 94%,var(--muted))}.reading-book-display-toggle,.reading-book-display-font,.reading-book-display-font-label,.reading-book-display-toggle-label{display:inline-flex;align-items:center}.reading-book-display-toggle{gap:.45rem;min-height:2rem;cursor:pointer}.reading-book-display-toggle-label,.reading-book-display-font-label{gap:.35rem;color:color-mix(in srgb,var(--foreground) 82%,transparent);font-size:.8rem;font-weight:700;white-space:nowrap}.reading-book-display-toggle-label .reading-icon,.reading-book-display-font-label .reading-icon{width:1rem;height:1rem;color:var(--accent)}.reading-book-display-font{flex:1 1 12rem;gap:.45rem;min-width:min(100%,14rem)}.reading-book-display-font-range{flex:1;min-width:5rem;accent-color:var(--accent)}.reading-book-display-font-value{min-width:1.75rem;color:var(--accent);font-size:.84rem;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.reading-book-display-font-unit{color:color-mix(in srgb,var(--foreground) 55%,transparent);font-size:.72rem;font-weight:700}.reading-settings-dialog{margin:auto;padding:0;width:min(44rem,calc(100vw - 1.5rem));max-width:none;max-height:min(88dvh,40rem);border:1px solid var(--border);border-radius:4px;background:var(--background);color:var(--foreground);box-shadow:0 24px 80px color-mix(in srgb,#000 55%,transparent);overflow:hidden}.reading-settings-dialog::backdrop{background:color-mix(in srgb,var(--foreground) 48%,transparent)}.reading-settings-dialog:not([open]){display:none}.reading-settings-dialog .reading-settings{display:flex;flex-direction:column;max-height:min(88dvh,40rem);margin:0}.reading-settings-header{flex-shrink:0;padding:1rem 1.15rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--background) 96%,transparent)}.reading-settings-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.reading-settings-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;margin:-.15rem -.25rem 0 0;border:1px solid var(--border);border-radius:4px;background:color-mix(in srgb,var(--foreground) 8%,transparent);color:var(--foreground);box-shadow:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.reading-settings-close:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--background))}.reading-settings-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-settings-close .reading-icon{width:1rem;height:1rem}.reading-settings-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.85rem 1.15rem 1rem}.reading-settings-footer{flex-shrink:0;display:flex;justify-content:flex-end;padding:.65rem 1.15rem 1rem;border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--background) 96%,transparent)}.reading-settings-done{display:inline-flex;align-items:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:4px;background:var(--accent);color:var(--accent-foreground);padding:.45rem 1.1rem;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent);transition:background-color .12s ease}.reading-settings-done:hover{background:color-mix(in srgb,var(--accent) 82%,#fff)}[data-theme=dark] .reading-settings-done:hover{background:color-mix(in srgb,var(--accent) 90%,#000)}.reading-settings-done:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-mode{--reading-font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Heiti SC", ui-sans-serif, system-ui, sans-serif;--reading-font-size: 19px;--reading-subtitle-font-size: 22px;--reading-line-height: 1.85;--reading-paragraph-gap: 14px;--reading-title-scale: 1.22;--reading-letter-spacing: 0em}.reading-mode .reading-book-page-content{font-family:var(--reading-font-family);font-size:var(--reading-font-size);line-height:var(--reading-line-height);letter-spacing:var(--reading-letter-spacing);width:100%;max-width:38rem;margin-inline:auto}.reading-mode .reading-book-page-content .reading-copy,.reading-mode .reading-book-page-content .reading-paragraph,.reading-mode .reading-book-page-content .reading-scene-body{font-family:inherit;font-size:inherit;line-height:inherit;max-width:none}.reading-mode .reading-book-page-content .reading-scene-title{font-family:var(--reading-font-family);font-size:calc(var(--reading-font-size) * var(--reading-title-scale));line-height:1.35}.reading-mode .reading-book-page-content .reading-paragraph-block+.reading-paragraph-block,.reading-mode .reading-book-page-content .reading-scene-body>.reading-paragraph-block+.reading-paragraph-block,.reading-mode .reading-book-page-content .reading-scene-body.space-y-4>*+*{margin-top:var(--reading-paragraph-gap)}.reading-mode .reading-book-page-content .reading-scene-body.space-y-4{gap:0}.reading-mode .reading-paragraph rt{font-size:.58em}.reading-mode .reading-book-cover-title{font-family:var(--reading-font-family);font-size:calc(var(--reading-font-size) * 1.55);line-height:1.35}.reading-mode .reading-book-cover-subtitle{font-size:calc(var(--reading-font-size) * .92);line-height:var(--reading-line-height)}.reading-settings-dialog .reading-settings-header{margin-bottom:0}.reading-settings-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700}.reading-settings-lead{margin-top:.35rem;font-size:.8rem;line-height:1.5;color:color-mix(in srgb,var(--foreground) 62%,transparent)}.reading-settings-grid{display:grid;gap:1rem}@media(min-width:768px){.reading-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}}.reading-settings-panel{padding:1rem 1.1rem;border:1px solid var(--border);border-radius:4px;background:color-mix(in srgb,var(--background) 94%,var(--muted));box-shadow:none}.reading-settings-panel-title{display:flex;align-items:center;gap:.4rem;margin-bottom:.85rem;padding-bottom:.55rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.reading-settings-fields{display:flex;flex-direction:column;gap:.85rem}.reading-settings-field{display:flex;flex-direction:column;gap:.35rem}.reading-settings-field--checkbox{flex-direction:row;align-items:flex-start;gap:.55rem}.reading-settings-checkbox{margin-top:.12rem;accent-color:var(--accent)}.reading-settings-field-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:color-mix(in srgb,var(--foreground) 78%,transparent)}.reading-settings-select{width:100%;border:1px solid var(--border);border-radius:4px;box-shadow:none;background:var(--background);color:var(--foreground);padding:.5rem .65rem;font-size:.85rem;font-weight:600;transition:border-color .14s ease,box-shadow .14s ease}.reading-settings-select:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.reading-settings-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.reading-settings-select:disabled{opacity:.65;cursor:not-allowed}.reading-settings-hint{margin-top:.75rem;font-size:.75rem;line-height:1.45;color:color-mix(in srgb,var(--foreground) 58%,transparent)}.reading-settings-actions{padding-top:.15rem}.reading-settings-reset{display:inline-flex;align-items:center;gap:.35rem;border:1px dashed color-mix(in srgb,var(--foreground) 22%,transparent);border-radius:3px;background:transparent;color:color-mix(in srgb,var(--foreground) 70%,transparent);padding:.4rem .65rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,color .14s ease,background-color .14s ease}.reading-settings-reset .reading-icon,.reading-settings-done .reading-icon{width:.95rem;height:.95rem}.reading-settings-reset:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.reading-settings-field--numeric{gap:.45rem}.reading-settings-numeric-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.reading-settings-numeric-value{margin-left:auto;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700;color:var(--accent)}.reading-settings-numeric-unit{font-size:.72rem;font-weight:600;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.reading-settings-numeric-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.65rem}.reading-settings-range{width:100%;accent-color:var(--accent)}.reading-settings-number{width:4.25rem;border:1px solid var(--border);border-radius:4px;box-shadow:none;background:var(--background);color:var(--foreground);padding:.35rem .45rem;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.reading-settings-number:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.reading-mode-main{flex:1;min-height:0;min-width:0;width:100%;max-width:var(--reading-layout-max);margin-inline:auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:.55rem var(--reading-layout-padding) .65rem}.reading-mode[data-reading-split-active=video] .reading-mode-main{max-width:100%;padding:0}.reading-mode[data-reading-split-active=frequency] .reading-mode-main{max-width:var(--reading-layout-max)}.reading-mode-main>.reading-book-root{width:100%;max-width:min(82rem,100%)}.reading-mode-main>.reading-mode-split{flex:1;width:100%;max-width:none;min-height:0;height:100%}.reading-mode-split{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;width:100%;max-width:none;margin-inline:0;flex:1;min-height:0;min-width:0;height:100%}.reading-mode-chrome .reading-split-tab{position:relative;display:inline-flex;flex:0 1 auto;min-width:0;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:7px;background:transparent;color:color-mix(in srgb,var(--foreground) 62%,transparent);padding:.48rem .85rem;font-size:.82rem;font-weight:700;cursor:pointer;text-align:center;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.reading-split-tab__label{font-size:.82rem;font-weight:750;line-height:1.15;white-space:nowrap}.reading-split-tab__badge{display:inline-flex;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--chrome-surface));color:color-mix(in srgb,var(--accent) 88%,var(--foreground));padding:.08rem .38rem;font-size:.62rem;font-weight:850;line-height:1.2;white-space:nowrap}.reading-mode-chrome .reading-split-tab.is-active,.reading-mode-chrome .reading-split-tab[aria-selected=true]{background:var(--chrome-surface);color:var(--foreground);box-shadow:0 1px 2px color-mix(in srgb,#000 8%,transparent),0 0 0 1px color-mix(in srgb,var(--foreground) 6%,transparent)}.reading-mode-chrome .reading-split-tab.is-active .reading-split-tab__badge,.reading-mode-chrome .reading-split-tab[aria-selected=true] .reading-split-tab__badge{background:color-mix(in srgb,var(--accent) 14%,var(--chrome-surface));color:var(--accent)}.reading-split-tab .reading-icon{width:.95rem;height:.95rem;flex-shrink:0;opacity:.82}.reading-mode-chrome .reading-split-tab.is-active .reading-icon,.reading-mode-chrome .reading-split-tab[aria-selected=true] .reading-icon{opacity:1;color:var(--accent)}.reading-mode-video{grid-row:1;justify-self:stretch;width:100%;min-height:0;min-width:0;height:100%;display:flex;overflow:auto}.reading-mode-video:has(.reading-video-panel){overflow:hidden}.reading-mode-hsk,.reading-mode-frequency{grid-row:1;justify-self:stretch;width:100%;min-height:0;min-width:0;height:100%;overflow:auto}.reading-mode-reading{grid-row:2;justify-self:stretch;width:100%;min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden}.reading-mode-split [data-reading-split-panel][hidden]{display:none!important}.reading-mode[data-reading-split-active=video] .reading-mode-video,.reading-mode[data-reading-split-active=hsk] .reading-mode-hsk,.reading-mode[data-reading-split-active=frequency] .reading-mode-frequency{display:flex}.reading-mode[data-reading-split-active=hsk] .reading-mode-hsk,.reading-mode[data-reading-split-active=frequency] .reading-mode-frequency{display:block}.reading-hsk-tab,.reading-video-tab,.reading-frequency-tab{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:.85rem;width:100%;min-height:0;padding-block:.15rem .35rem}.reading-hsk-tab>*,.reading-video-tab>*,.reading-frequency-tab>*{align-self:start;width:100%;min-width:0}.reading-video-tab{flex:1 1 auto;align-content:center;min-height:100%;padding:clamp(.75rem,2vw,1.25rem)}.reading-video-tab .lesson-hsk-video-prompt--embed{width:min(100%,76rem);margin-inline:auto}.lesson-hsk-video-prompt{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--chrome-border));border-radius:8px;background:color-mix(in srgb,var(--background) 90%,var(--accent) 10%)}.lesson-hsk-video-prompt--embed{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;justify-items:stretch;gap:.85rem;padding:.75rem}.lesson-hsk-video-prompt__player{width:100%}.lesson-hsk-video-prompt__body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.lesson-hsk-video-prompt__copy{flex:1 1 14rem;min-width:min(100%,14rem)}.lesson-hsk-video-prompt__eyebrow{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.lesson-hsk-video-prompt__title{margin:.35rem 0 0;font-size:.96rem;font-weight:800;line-height:1.35}.lesson-hsk-video-prompt__text{margin:.35rem 0 0;font-size:.84rem;line-height:1.55;color:color-mix(in srgb,var(--foreground) 72%,transparent)}.lesson-hsk-video-prompt__cta{min-width:0;flex-shrink:0;font-size:.82rem}.lesson-hsk-video-prompt__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.55rem;justify-content:flex-end;min-width:0}@media(max-width:420px){.lesson-hsk-video-prompt,.lesson-hsk-video-prompt__body{align-items:stretch}.lesson-hsk-video-prompt__copy,.lesson-hsk-video-prompt__actions{flex:1 1 100%;min-width:0}.lesson-hsk-video-prompt__actions{flex-direction:column;justify-content:flex-start}.lesson-hsk-video-prompt__cta{width:100%;justify-content:center}}@media(min-width:961px){.reading-mode[data-reading-split-active=hsk] .reading-mode-hsk{display:flex;flex-direction:column;min-height:0}.reading-mode[data-reading-split-active=hsk] .reading-hsk-tab{flex:none;width:100%;min-height:0}}.lesson-hsk-coverage{display:grid;gap:.85rem;width:100%;min-width:0}.lesson-hsk-coverage__tabs{display:inline-flex;flex-wrap:wrap;gap:.45rem}.lesson-hsk-coverage__tab{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--chrome-border);border-radius:999px;background:var(--background);color:inherit;padding:.42rem .9rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.lesson-hsk-coverage__tab:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--chrome-border))}.lesson-hsk-coverage__tab.is-active{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--background));color:var(--accent)}.lesson-hsk-coverage__tab .reading-icon{width:1em;height:1em}.lesson-hsk-coverage__panel{width:100%;min-width:0}.lesson-hsk-coverage__panel[hidden]{display:none}.reading-hsk-tab .hsk-hanzi-card{gap:.85rem;padding:.95rem 1rem;border:1px solid var(--chrome-border);border-radius:10px;background:var(--chrome-surface);box-shadow:none}.reading-hsk-tab .hsk-hanzi-card__header{align-items:start;gap:.75rem 1rem}.reading-hsk-tab .hsk-hanzi-card__intro{display:grid;gap:.35rem}.reading-hsk-tab .hsk-hanzi-card__title{font-size:clamp(1.2rem,1rem + .45vw,1.42rem);line-height:1.25}.reading-hsk-tab .hsk-hanzi-card__subtitle{font-size:.92rem;line-height:1.45}.reading-hsk-tab .hsk-hanzi-card__total{font-size:.92rem}.reading-hsk-tab .hsk-hanzi-table-wrap{margin-bottom:0;border:1px solid var(--chrome-border);border-radius:8px;overflow:hidden;background:var(--background)}.reading-hsk-tab .hsk-hanzi-table th,.reading-hsk-tab .hsk-hanzi-table td{border:0;border-right:1px solid var(--chrome-border);border-bottom:1px solid var(--chrome-border)}.reading-hsk-tab .hsk-hanzi-table tr>:last-child{border-right:0}.reading-hsk-tab .hsk-hanzi-table tbody tr:last-child>*{border-bottom:0}.reading-hsk-tab .hsk-hanzi-table__head{border-bottom:1px solid var(--chrome-border)}.reading-hsk-tab .hsk-hanzi-table--compact .hsk-hanzi-table__row-label{min-width:5.25rem;max-width:6.75rem;padding-inline:.45rem}.reading-hsk-tab .hsk-hanzi-level{border:1px solid var(--chrome-border);border-radius:8px;background:var(--background);overflow:hidden}.reading-hsk-tab .hsk-hanzi-level__actions,.reading-hsk-tab .hsk-hanzi-level__chars{border-top:1px solid var(--chrome-border)}.reading-hsk-tab .hsk-hanzi-card__levels{gap:.65rem}.reading-hsk-tab .hsk-hanzi-card__hint,.reading-hsk-tab .hsk-hanzi-card__note{font-size:.78rem;line-height:1.5}.reading-hsk-tab .hsk-hanzi-level__summary{padding:.65rem .75rem}.reading-mode-split .reading-video-panel{border-radius:0;box-shadow:none}[data-theme=light] .reading-mode-split .reading-video-panel{--video-panel-bg: #000000;--video-panel-border: transparent;box-shadow:none}.reading-mode[data-reading-split-active=video] .reading-mode-split .reading-video-panel{background:#000;box-shadow:none}.reading-mode-split .reading-video-panel-pane--with-subtitles .reading-video-panel-header{display:none}.reading-video-panel{--video-panel-bg: #f5f6f8;--video-panel-fg: #15171c;--video-panel-muted: color-mix( in srgb, var(--video-panel-fg) 58%, transparent );--video-panel-border: color-mix( in srgb, var(--video-panel-fg) 12%, transparent );--video-subtitle-bg: #ffffff;--video-cue-bg: color-mix(in srgb, var(--video-panel-fg) 3.5%, transparent);--video-cue-border: color-mix( in srgb, var(--video-panel-fg) 10%, transparent );--video-cue-active-bg: color-mix(in srgb, var(--accent) 10%, #ffffff);--background: var(--video-subtitle-bg);--foreground: var(--video-panel-fg);--border: var(--video-panel-border);display:flex;flex-direction:column;gap:0;width:100%;min-width:0;min-height:0;height:100%;padding:0;border:0;border-radius:10px;background:var(--video-panel-bg);box-shadow:inset 0 0 0 1px var(--video-panel-border);overflow:hidden}[data-theme=dark] .reading-video-panel{--video-panel-bg: #0b0d10;--video-panel-fg: #f7f8fb;--video-panel-muted: rgba(247, 248, 251, .58);--video-panel-border: rgba(255, 255, 255, .12);--video-subtitle-bg: #11151b;--video-cue-bg: rgba(255, 255, 255, .035);--video-cue-border: rgba(255, 255, 255, .08);--video-cue-active-bg: color-mix(in srgb, var(--accent) 16%, transparent)}.reading-video-panel-tabs{display:flex;flex-shrink:0;gap:.35rem;margin-bottom:.5rem;padding:.25rem;border:1px solid var(--border);border-radius:4px;background:color-mix(in srgb,var(--background) 92%,var(--muted))}.reading-video-panel-tab{display:inline-flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:.35rem;border:1px solid transparent;border-radius:4px;background:transparent;color:color-mix(in srgb,var(--foreground) 70%,transparent);padding:.45rem .65rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.reading-video-panel-tab.is-active,.reading-video-panel-tab[aria-selected=true]{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--background));color:var(--accent)}.reading-video-panel-tab .reading-icon{width:.95rem;height:.95rem}.reading-video-panel-body{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.reading-video-panel-pane{display:none;flex:1;min-height:0;min-width:0}.reading-video-panel-pane--video{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:.7rem}.reading-video-panel-pane--video.reading-video-panel-pane--with-subtitles{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0;box-sizing:border-box;height:100%;min-height:0}.reading-video-panel-stage{grid-row:1;min-height:0;min-width:0;width:100%;container-type:size;display:grid;place-items:center;background:#000;user-select:none;-webkit-user-select:none}.reading-video-panel-stage .reading-video-panel-player{user-select:none;-webkit-user-select:none}.reading-video-panel-stage .reading-video-panel-player{flex:none;width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw);max-width:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:0;border:0;box-shadow:none}.reading-video-panel-pane--with-subtitles .reading-video-panel-header{display:none}.reading-video-panel-pane--with-subtitles .reading-video-panel-player{position:relative;display:block;overflow:hidden;background:#000}.reading-video-fullscreen-btn{position:absolute;top:2.75rem;right:.65rem;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1.5px solid rgba(255,255,255,.5);border-radius:8px;background:#000000ad;color:#fff;cursor:pointer;box-shadow:0 2px 12px #00000073;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.reading-video-fullscreen-btn:hover{background:#000000d6;border-color:#ffffffc7;transform:scale(1.04)}.reading-video-fullscreen-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-video-fullscreen-btn .reading-icon{width:1.3rem;height:1.3rem}.reading-video-fullscreen-btn .reading-video-fullscreen-btn__exit{display:none}.reading-video-panel-player.is-video-fullscreen .reading-video-fullscreen-btn__enter,.reading-video-panel-player:fullscreen .reading-video-fullscreen-btn .reading-video-fullscreen-btn__enter{display:none}.reading-video-panel-player.is-video-fullscreen .reading-video-fullscreen-btn__exit,.reading-video-panel-player:fullscreen .reading-video-fullscreen-btn .reading-video-fullscreen-btn__exit{display:inline-flex}.reading-video-panel-player:fullscreen,.reading-video-panel-player.is-video-fullscreen{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:0;box-shadow:none;background:#000}.reading-video-panel-player:fullscreen .reading-video-panel-iframe,.reading-video-panel-player.is-video-fullscreen .reading-video-panel-iframe{width:100%;height:100%}.reading-video-panel-pane--with-subtitles .reading-video-panel-iframe{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:unset}.reading-video-panel-player:fullscreen .reading-video-subtitle-overlay,.reading-video-panel-player.is-video-fullscreen .reading-video-subtitle-overlay{padding:0}.reading-video-subtitle-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}.reading-video-subtitle-overlay__card{position:absolute;left:50%;bottom:10%;transform:translate(-50%);pointer-events:auto;width:max-content;max-width:none;touch-action:none}.reading-video-subtitle-overlay__body{width:max-content;max-width:min(92vw,42rem);padding:.45rem .85rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#080a0ec7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px #0000006b,inset 0 1px #ffffff0f}.reading-video-subtitle-overlay__card.is-dragging .reading-video-subtitle-overlay__body{box-shadow:0 16px 36px #0000008c,inset 0 1px #ffffff14}.reading-video-subtitle-overlay__card.is-dragging{cursor:grabbing}.reading-video-subtitle-overlay__grip{position:relative;width:2.4rem;height:.28rem;margin:0 auto .42rem;border-radius:999px;background:#ffffff57;cursor:grab;touch-action:none}.reading-video-subtitle-overlay__grip:before{content:"";position:absolute;inset:-.65rem -1.5rem}.reading-video-subtitle-overlay__card.is-dragging .reading-video-subtitle-overlay__grip{cursor:grabbing}.reading-video-subtitle-overlay__line{pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem .38rem;text-align:center;font-size:var(--reading-subtitle-font-size, 22px);font-weight:650;line-height:1.45;user-select:none;-webkit-user-select:none}.reading-video-subtitle-overlay__line .reading-subtitle-word--plain,.reading-video-subtitle-overlay__line .reading-subtitle-word--plain *{user-select:text;-webkit-user-select:text;cursor:text}.reading-video-subtitle-overlay__line .reading-subtitle-word--interactive,.reading-video-subtitle-overlay__line .reading-subtitle-char{user-select:none;-webkit-user-select:none}.reading-video-subtitle-overlay__line .reading-subtitle-word--plain::selection,.reading-video-subtitle-overlay__line .reading-subtitle-word--plain *::selection{background:#ffffff52;color:#fff}.reading-video-subtitle-overlay__line .reading-subtitle-word--plain{color:#ffffffeb}.reading-video-subtitle-overlay__line .reading-subtitle-word--interactive{color:#fff;border-color:#ffffff57;background:#ffffff1a;font-weight:750}.reading-video-subtitle-overlay__line .reading-subtitle-word--interactive:hover,.reading-video-subtitle-overlay__line .reading-subtitle-word--interactive.is-word-popover-active{border-color:color-mix(in srgb,var(--accent) 70%,white);background:color-mix(in srgb,var(--accent) 32%,rgba(0,0,0,.45))}.reading-video-subtitle-overlay__line .reading-subtitle-char{color:#fff}.reading-video-subtitle-overlay__line .reading-subtitle-char--interactive{color:#fff;border-color:#ffffff57;background:#ffffff1a;font-weight:750;text-decoration:none}.reading-video-subtitle-overlay__line .reading-subtitle-char--interactive:hover,.reading-video-subtitle-overlay__line .reading-subtitle-char--interactive.is-word-popover-active{border-color:#ffffff9e;background:#ffffff2e}.reading-video-subtitle-overlay__hint{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .55rem;margin:.42rem 0 0;color:#ffffffc2;font-size:calc(var(--reading-subtitle-font-size, 22px) * .58);line-height:1.35}.reading-video-panel-transcript{grid-row:2;flex:0 0 auto;min-height:0;border-top:1px solid var(--border);background:var(--background)}.reading-video-panel-transcript__toggle{display:list-item;cursor:pointer;font-size:.78rem;font-weight:650;line-height:1.35;color:var(--muted-foreground);padding:.45rem var(--reading-layout-padding);user-select:none}.reading-video-panel-transcript__toggle::-webkit-details-marker{color:var(--accent)}.reading-video-panel-transcript[open] .reading-video-panel-subtitles{margin-top:.55rem;height:min(36vh,22rem);max-height:min(36vh,22rem)}.reading-video-panel-subtitles{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--video-panel-border);border-radius:8px;background:var(--video-subtitle-bg);box-shadow:none}[data-theme=dark] .reading-video-panel-subtitles{box-shadow:none}.reading-video-panel-subtitles .reading-subtitle-panel{flex:1;min-height:0;height:100%;padding:.75rem .8rem .8rem}.reading-video-panel-pane--video:not(.reading-video-panel-pane--with-subtitles){grid-template-rows:auto auto auto;padding:.85rem;box-sizing:border-box}.reading-video-panel-pane--video.is-active,.reading-video-panel:not([data-video-panel-active]) .reading-video-panel-pane--video{display:grid}.reading-video-panel-pane--video.reading-video-panel-pane--with-subtitles.is-active,.reading-video-panel:not([data-video-panel-active]) .reading-video-panel-pane--video.reading-video-panel-pane--with-subtitles{display:grid}.reading-video-panel-pane--hsk.is-active{display:flex;flex-direction:column;overflow:visible;padding:.85rem .9rem .95rem}.reading-video-panel-pane--hsk .hsk-hanzi-card{flex:none;min-height:auto;border:none;background:transparent;padding:0;box-shadow:none;gap:.85rem}.reading-video-panel[data-video-panel-active=hsk]{height:auto;min-height:0;overflow:visible}.reading-video-panel[data-video-panel-active=hsk] .reading-video-panel-body{overflow:visible}.reading-mode-video:has([data-video-panel-active=hsk]){height:auto;align-self:start;overflow:visible}.reading-mode-split:has([data-video-panel-active=hsk]){height:auto;min-height:0;align-items:start}.reading-mode-main:has([data-video-panel-active=hsk]){overflow-y:auto;overflow-x:hidden}.reading-subtitle-panel--embedded .reading-subtitle-panel__header--compact{margin-bottom:0}.reading-subtitle-panel--embedded{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:.45rem .65rem;min-height:0}.reading-subtitle-panel--embedded .reading-subtitle-panel__header--compact{grid-column:1;grid-row:1}.reading-subtitle-panel--embedded .reading-subtitle-panel__now{grid-column:1 / -1;grid-row:2;margin:0}.reading-subtitle-panel--embedded .reading-subtitle-list{grid-column:1 / -1;grid-row:3;display:flex;flex-direction:column;gap:.5rem;padding:.05rem .05rem .1rem;background:transparent;scroll-snap-type:none}.reading-subtitle-panel--embedded .reading-subtitle-panel__header-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem}.reading-subtitle-panel--embedded .reading-subtitle-panel__title{margin:0;font-size:.86rem}.reading-subtitle-panel__now{margin:0 0 .5rem;padding:.45rem .55rem;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:4px;background:color-mix(in srgb,var(--accent) 7%,var(--background));color:color-mix(in srgb,var(--foreground) 78%,transparent);font-size:.8rem;font-weight:600;line-height:1.45}.reading-subtitle-panel__now:not([hidden]){color:var(--foreground)}.reading-subtitle-panel.is-syncing .reading-subtitle-panel__now{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--background))}.reading-subtitle-panel__sync-label{margin:0;color:color-mix(in srgb,var(--foreground) 58%,transparent);font-size:.68rem;font-weight:700;line-height:1.3;white-space:nowrap}.reading-subtitle-panel.is-syncing .reading-subtitle-panel__sync-label{color:var(--accent)}.reading-subtitle-panel{display:flex;flex-direction:column;min-height:0;font-family:var(--font-app);color:var(--foreground);user-select:none;-webkit-user-select:none}.reading-subtitle-panel .reading-subtitle-word--plain,.reading-subtitle-panel .reading-subtitle-word--plain *{user-select:text;-webkit-user-select:text;cursor:text}.reading-subtitle-panel .reading-subtitle-word--plain::selection,.reading-subtitle-panel .reading-subtitle-word--plain *::selection{background:color-mix(in srgb,var(--accent) 28%,transparent);color:inherit}html.is-reading-mode .reading-mode ::selection{background:color-mix(in srgb,var(--foreground) 20%,transparent);color:inherit}.reading-subtitle-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.reading-subtitle-panel__eyebrow{margin:0;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.reading-subtitle-panel__title{margin:.2rem 0 0;font-size:1rem;font-weight:800;line-height:1.25}.reading-subtitle-panel__count{flex-shrink:0;margin:0;color:color-mix(in srgb,var(--foreground) 62%,transparent);font-size:.78rem;font-weight:700;line-height:1.3;text-align:right}.reading-subtitle-panel__hint,.reading-subtitle-panel__note{margin:0 0 .55rem;color:color-mix(in srgb,var(--foreground) 62%,transparent);font-size:.74rem;line-height:1.45}.reading-subtitle-panel__status{margin:0 0 .55rem;padding:.35rem .45rem;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:4px;background:color-mix(in srgb,var(--accent) 8%,var(--background));color:var(--accent);font-size:.72rem;font-weight:700;line-height:1.35}.reading-subtitle-list{flex:1;min-height:0;margin:0;padding:.2rem;list-style:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:0;border-radius:4px;background:transparent}.reading-subtitle-cue{display:grid;grid-template-columns:3.75rem minmax(0,1fr);gap:.55rem;align-items:start;padding:.62rem .65rem;border:1px solid transparent;border-radius:5px;transition:background-color .14s ease,border-color .14s ease}.reading-subtitle-panel--embedded .reading-subtitle-cue{grid-template-columns:3.75rem minmax(0,1fr);flex:0 0 auto;min-height:auto;align-content:start;padding:.55rem .6rem;margin-bottom:0;border-color:var( --video-cue-border, color-mix(in srgb, var(--foreground) 10%, transparent) );border-radius:6px;background:var( --video-cue-bg, color-mix(in srgb, var(--foreground) 3.5%, transparent) );scroll-snap-align:none}.reading-subtitle-cue:last-child{margin-bottom:0}.reading-subtitle-cue.is-active{border-color:color-mix(in srgb,var(--accent) 54%,transparent);background:var( --video-cue-active-bg, color-mix(in srgb, var(--accent) 10%, var(--background)) );box-shadow:inset 3px 0 0 var(--accent),0 14px 26px color-mix(in srgb,#000 12%,transparent)}.reading-subtitle-cue__time{border:1px solid var( --video-panel-border, color-mix(in srgb, var(--foreground) 12%, transparent) );border-radius:4px;background:color-mix(in srgb,var(--foreground) 5.5%,transparent);color:var( --video-panel-muted, color-mix(in srgb, var(--foreground) 58%, transparent) );padding:.22rem .3rem;font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.25;cursor:pointer}.reading-subtitle-cue.is-active .reading-subtitle-cue__time{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.reading-subtitle-cue__time:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.reading-subtitle-panel--embedded .reading-subtitle-cue__time{padding:.34rem .45rem;font-size:.92rem;line-height:1.3}.reading-subtitle-cue__text{margin:0;font-size:.82rem;line-height:1.55;word-break:break-word}.reading-subtitle-cue__hint{grid-column:2;display:flex;flex-wrap:wrap;gap:.18rem .45rem;min-width:0;margin:.28rem 0 0;color:color-mix(in srgb,var(--text) 68%,transparent);font-family:Source Han Sans SC,Noto Sans SC,ui-sans-serif,system-ui,sans-serif;font-size:.74rem;line-height:1.45;letter-spacing:0;word-break:normal;overflow-wrap:normal}.reading-subtitle-hint-token{display:inline-flex;flex-wrap:nowrap;gap:.08em;max-width:100%;white-space:nowrap}.reading-subtitle-panel--embedded .reading-subtitle-cue__hint{margin-top:.5rem;font-size:1rem;line-height:1.45}.reading-subtitle-panel--embedded .reading-subtitle-cue__text{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Heiti SC,ui-sans-serif,system-ui,sans-serif;font-size:var(--reading-subtitle-font-size, 22px);line-height:1.85;letter-spacing:0}.reading-subtitle-panel--embedded .reading-subtitle-cue__text--segmented{gap:.42rem .5rem}.reading-subtitle-panel--embedded .reading-subtitle-word{padding:.18rem .36rem;border-radius:5px;font-size:1em}.reading-subtitle-cue__text--segmented{display:flex;flex-wrap:wrap;gap:.22rem .28rem;align-items:baseline}.reading-subtitle-word{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.02em}.reading-subtitle-word--interactive{margin:0;padding:.08rem .18rem;border:1px solid var( --video-panel-border, color-mix(in srgb, var(--foreground) 10%, transparent) );border-radius:3px;background:color-mix(in srgb,var(--foreground) 5.5%,transparent);color:inherit;font:inherit;cursor:pointer;user-select:none;-webkit-user-select:none}.reading-subtitle-word--plain{border:0;background:transparent;color:inherit}.reading-subtitle-word--interactive:hover,.reading-subtitle-word--interactive.is-word-popover-active{border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.reading-subtitle-cue.is-active .reading-subtitle-word{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.reading-subtitle-char{display:inline;margin:0;padding:0 .02em;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:.12em;user-select:none;-webkit-user-select:none}.reading-subtitle-char--interactive{padding:.06rem .14rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:3px;background:color-mix(in srgb,var(--foreground) 5.5%,transparent);text-decoration:none}.reading-subtitle-char--interactive:hover,.reading-subtitle-char--interactive.is-word-popover-active{border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--background));text-decoration:none}.reading-subtitle-char:hover,.reading-subtitle-cue.is-active .reading-subtitle-char{background:color-mix(in srgb,var(--accent) 16%,transparent);text-decoration-color:var(--accent)}.reading-subtitle-word-popover{position:fixed;z-index:80;width:fit-content;min-width:0;max-width:min(18rem,calc(100vw - 1rem));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--background) 96%,white);color:var(--foreground);padding:.5rem .65rem;box-shadow:0 10px 28px color-mix(in srgb,#000 22%,transparent)}.reading-subtitle-word-popover--video{z-index:12;background:#121212f5;color:#fff;border-color:#ffffff38;box-shadow:0 12px 32px #0000008c}.reading-subtitle-word-popover--video .reading-subtitle-word-popover__inline-pinyin,.reading-subtitle-word-popover--video .reading-subtitle-word-popover__inline-meta{color:color-mix(in srgb,var(--accent) 72%,white)}.reading-subtitle-word-popover p{margin:0}.reading-subtitle-word-popover__word{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;font-size:1.18rem;font-weight:850;line-height:1.18}.reading-subtitle-word-popover__term{font:inherit}.reading-hsk-level-badge{display:inline-flex;align-items:center;padding:.14rem .48rem;border-radius:999px;font-size:.66rem;font-weight:850;letter-spacing:.02em;line-height:1.15;white-space:nowrap}.reading-hsk-level-badge--1{background:color-mix(in srgb,var(--hsk-textbook-1) 34%,#ffffff);color:#7a4a0f}.reading-hsk-level-badge--2{background:color-mix(in srgb,var(--hsk-textbook-2) 32%,#ffffff);color:#216572}.reading-hsk-level-badge--3{background:color-mix(in srgb,var(--hsk-textbook-3) 30%,#ffffff);color:#9a4600}.reading-hsk-level-badge--4{background:color-mix(in srgb,var(--hsk-textbook-4) 26%,#ffffff);color:#8a161e}.reading-hsk-level-badge--5{background:color-mix(in srgb,var(--hsk-textbook-5) 24%,#ffffff);color:#152447}.reading-hsk-level-badge--6{background:color-mix(in srgb,var(--hsk-textbook-6) 28%,#ffffff);color:#4a1f4c}.reading-hsk-level-badge--7_9{background:color-mix(in srgb,var(--hsk-textbook-7-bg) 72%,#ffffff);color:#2a3d36}.reading-hsk-level-badge--outside{background:color-mix(in srgb,var(--hsk-textbook-outside) 24%,#ffffff);color:#334155}[data-theme=dark] .reading-hsk-level-badge--1{background:color-mix(in srgb,var(--hsk-textbook-1) 46%,#12151a);color:#fdeacc}[data-theme=dark] .reading-hsk-level-badge--2{background:color-mix(in srgb,var(--hsk-textbook-2) 44%,#12151a);color:#d8eef2}[data-theme=dark] .reading-hsk-level-badge--3{background:color-mix(in srgb,var(--hsk-textbook-3) 42%,#12151a);color:#fde4cc}[data-theme=dark] .reading-hsk-level-badge--4{background:color-mix(in srgb,var(--hsk-textbook-4) 40%,#12151a);color:#f5d0d3}[data-theme=dark] .reading-hsk-level-badge--5{background:color-mix(in srgb,var(--hsk-textbook-5) 48%,#12151a);color:#d8dfea}[data-theme=dark] .reading-hsk-level-badge--6{background:color-mix(in srgb,var(--hsk-textbook-6) 44%,#12151a);color:#ead0eb}[data-theme=dark] .reading-hsk-level-badge--7_9{background:color-mix(in srgb,var(--hsk-textbook-7-bg) 46%,#12151a);color:#d4e4dc}[data-theme=dark] .reading-hsk-level-badge--outside{background:color-mix(in srgb,var(--hsk-textbook-outside) 32%,#12151a);color:#e2e8f0}.reading-subtitle-word-popover--video .reading-hsk-level-badge--1,.reading-subtitle-word-popover--video .reading-hsk-level-badge--2,.reading-subtitle-word-popover--video .reading-hsk-level-badge--3,.reading-subtitle-word-popover--video .reading-hsk-level-badge--4,.reading-subtitle-word-popover--video .reading-hsk-level-badge--5,.reading-subtitle-word-popover--video .reading-hsk-level-badge--6,.reading-subtitle-word-popover--video .reading-hsk-level-badge--7_9,.reading-subtitle-word-popover--video .reading-hsk-level-badge--outside{color:inherit}.reading-subtitle-word-popover__inline-pinyin,.reading-subtitle-word-popover__inline-meta{color:var(--accent);font-size:.82rem;font-weight:750}.reading-subtitle-word-popover__meaning{margin-top:.35rem!important;font-size:.86rem;font-weight:720;line-height:1.32}.reading-subtitle-word-popover__meaning-emoji{font-size:1rem;line-height:1}.reading-subtitle-word-popover__reference{margin:.55rem 0 0!important}.reading-subtitle-word-popover__reference-link{display:inline-flex;align-items:center;gap:.2rem;font-size:.82rem;font-weight:750;color:var(--accent);text-decoration:none}.reading-subtitle-word-popover__reference-link:hover,.reading-subtitle-word-popover__reference-link:focus-visible{text-decoration:underline}.reading-subtitle-word--game-term{border-bottom-color:color-mix(in srgb,var(--accent) 55%,transparent)}.reading-video-subtitle-overlay__line .reading-subtitle-word--game-term,.reading-subtitle-panel .reading-subtitle-word--game-term{border-bottom-style:dashed}.reading-video-panel-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem}.reading-video-panel-title{font-size:.9rem;font-weight:700}.reading-video-panel-desc{flex:1 1 12rem;font-size:.72rem;line-height:1.4;color:color-mix(in srgb,var(--foreground) 60%,transparent)}.reading-video-panel-player{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#000;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #0000004d,inset 0 0 0 1px #ffffff0f}.reading-video-panel-iframe{display:block;width:100%;height:100%;aspect-ratio:16 / 9;margin-inline:auto}.reading-video-panel-now{font-size:.72rem;line-height:1.4;color:var(--accent);font-weight:600}.reading-video-panel-scenes{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:.1rem}.reading-video-panel-scene-list{display:grid;gap:.3rem;list-style:none;padding:0;margin:0}.reading-video-panel-scene-link{display:flex;align-items:flex-start;gap:.45rem;width:100%;padding:.45rem .55rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:4px;text-decoration:none;text-align:left;color:var(--foreground);background:color-mix(in srgb,var(--background) 85%,transparent);font:inherit;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.reading-video-panel-scene-link:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.reading-video-panel-scene-link.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.reading-video-panel-scene-icon{flex-shrink:0;width:.95rem;height:.95rem;margin-top:.15rem;color:var(--accent)}.reading-video-panel-scene-text{display:flex;min-width:0;flex:1;flex-direction:column;gap:.15rem}.reading-video-panel-scene-title{font-size:.8rem;font-weight:700;line-height:1.35}.reading-video-panel-scene-time{font-size:.72rem;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--foreground) 60%,transparent)}.reading-video-panel-youtube{flex-shrink:0;width:100%;justify-content:center;gap:.4rem}@media(min-width:1100px){.reading-mode-split{grid-template-columns:minmax(0,1fr);gap:.55rem}}@media(min-width:1700px){.reading-mode-split{grid-template-columns:minmax(0,1fr)}}@media(min-width:961px){.reading-mode-split .reading-book-root{width:100%;max-width:none;height:100%}.reading-mode-split .reading-book-shell{width:100%;max-width:none;margin-inline:0}.reading-mode-split .reading-book-nav{width:100%;max-width:none}.reading-mode-split .reading-book-stage{padding-top:.15rem}.reading-mode-split .reading-book-viewport{padding:1rem 2rem 1rem 1.5rem}.reading-mode-split .reading-book-pages{height:100%;min-height:0}.reading-mode-split .reading-book-page.is-active{min-height:100%}.reading-mode-split .reading-book-page-meta{margin-bottom:.75rem;padding-bottom:.5rem;font-size:.72rem}.reading-mode-split .reading-book-page-number{font-size:1.25rem}.reading-mode-split .reading-book-cover-title{font-size:1.85rem}.reading-mode-split .reading-book-page .reading-scene-header{margin-bottom:.75rem}.reading-mode-split .reading-book-page-content{max-width:none}}@media(max-width:960px){.reading-book-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.reading-book-toc{align-self:stretch}.reading-book-toc-heading{padding:.55rem .7rem}.reading-book-toc-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:.45rem}.reading-book-toc-link{flex:0 0 min(12rem,72vw);align-items:center;padding:.42rem .5rem}.reading-mode-split{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);width:100%;max-width:none;gap:0}.reading-mode-hsk,.reading-mode-reading,.reading-mode-video{grid-row:1;min-height:0}.reading-mode-reading{align-items:stretch;justify-content:flex-start}.reading-mode-video{max-height:none;height:100%}.reading-video-panel{height:100%;overflow:hidden}.reading-video-panel-pane--video.is-active,.reading-video-panel:not([data-video-panel-active]) .reading-video-panel-pane--video{overflow:hidden}.reading-video-panel-pane--video.reading-video-panel-pane--with-subtitles{padding:0;gap:0}.reading-video-panel-transcript__toggle{padding-inline:.6rem}.reading-video-panel-transcript[open] .reading-video-panel-subtitles{height:min(42vh,20rem);max-height:min(42vh,20rem)}.reading-video-panel-subtitles{min-height:0}.reading-mode-split .reading-book-root{height:100%}.reading-mode-split .reading-book-layout,.reading-mode-split .reading-book-main,.reading-mode-split .reading-book-stage,.reading-mode-split .reading-book-shell,.reading-mode-split .reading-book-viewport,.reading-mode-split .reading-book-pages{min-height:0}.reading-mode-split .reading-book-page.is-active{height:100%;min-height:0}}@media(max-width:640px){html.is-reading-mode,html.is-reading-mode body{width:100%;max-width:100vw}.reading-mode-chrome-inner{gap:.5rem;max-width:100vw;--reading-layout-padding: .6rem}.reading-mode-chrome-toolbar{grid-template-columns:1fr;justify-items:center;margin-inline:calc(-1 * var(--reading-layout-padding))}.reading-mode-chrome .reading-split-tabs{grid-column:1}.reading-mode-chrome-toolbar__end{grid-column:1;justify-self:center}.reading-mode-toolbar-hint,.reading-mode-eyebrow{display:none}.reading-mode-title{font-size:.88rem}.reading-mode-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-mode-nav-btn,.reading-mode-settings-btn{padding:.45rem}.reading-mode-settings-btn{gap:0}.reading-mode-chrome-top{gap:.5rem}.reading-mode-main{align-items:stretch;max-width:100%;padding:.45rem var(--reading-layout-padding) .55rem}.reading-mode[data-reading-split-active=video] .reading-mode-main{max-width:100%;padding:0}.reading-mode[data-reading-split-active=hsk] .reading-mode-main,.reading-mode[data-reading-split-active=frequency] .reading-mode-main{padding:.45rem var(--reading-layout-padding) .55rem}.reading-mode-split{width:100%;max-width:none;gap:.5rem}.reading-mode-chrome .reading-split-tab{padding:.42rem .65rem;font-size:.76rem}.reading-split-tab__badge{font-size:.58rem}.reading-book-stage{padding-inline:0}.reading-book-layout{gap:.5rem}.reading-book-display-controls{gap:.45rem .65rem;padding:.4rem .45rem}.reading-book-display-font{flex:1 0 100%;min-width:0}.reading-book-toc{box-shadow:none}.reading-book-toc-heading{display:none}.reading-book-toc-list{gap:.3rem;padding:.3rem}.reading-book-toc-link{flex-basis:auto;grid-template-columns:auto;gap:0;min-width:2.35rem;max-width:8.5rem;padding:.32rem .45rem}.reading-book-toc-number{font-size:.66rem;line-height:1}.reading-book-toc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-book-toc-link.is-active{grid-template-columns:auto minmax(0,1fr);min-width:min(12rem,70vw)}.reading-book-toc-link.is-active .reading-book-toc-label{position:static;width:auto;height:auto;margin:0;overflow:hidden;clip:auto;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem}.reading-mode-split .reading-book-root,.reading-mode-split .reading-book-shell,.reading-mode-split .reading-book-nav{width:100%;max-width:100%}.reading-book-viewport{padding:.8rem .9rem}.reading-book-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;flex-wrap:nowrap;gap:.45rem;margin-top:.45rem}.reading-book-nav-btn{min-width:0;padding:.45rem .55rem;font-size:.78rem}.reading-book-progress-track{width:min(100%,11rem)}.reading-book-cover-meta{margin-top:1.15rem;gap:.75rem}.reading-book-cover-card{padding:.85rem .9rem}.reading-book-page .reading-scene-header{gap:.65rem}.reading-book-page-meta{flex-wrap:wrap;gap:.35rem .5rem;margin-bottom:.65rem;padding-bottom:.5rem}.reading-book-page-actions{order:3;flex-basis:100%;justify-content:flex-start;margin-left:0}.reading-book-page-actions .reading-tts-btn{gap:0;padding:.36rem}.reading-book-page-actions .reading-tts-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-book-page-actions .reading-scene-video-time{padding:.36rem .5rem;font-size:.72rem}.reading-book-page-number{font-size:1.05rem}}.reading-book-root{--book-paper: var(--background);--book-paper-shadow: var(--border);--book-ink: var(--foreground);--book-accent: var(--accent);--book-page-min-height: 12rem;flex:1;min-height:0;min-width:0;margin:0;display:flex;flex-direction:column}.reading-book-layout{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(10.5rem,14rem) minmax(0,1fr);gap:.75rem}.reading-book-main{min-height:0;min-width:0;display:flex;flex-direction:column;gap:.45rem}.reading-book-toc{min-height:0;min-width:0;display:flex;flex-direction:column;align-self:stretch;border:1px solid var(--border);border-radius:4px;background:color-mix(in srgb,var(--background) 94%,var(--muted));box-shadow:0 14px 34px color-mix(in srgb,#000 18%,transparent);overflow:hidden}.reading-book-toc-heading{flex-shrink:0;display:flex;align-items:center;gap:.4rem;padding:.75rem .8rem;border-bottom:1px solid var(--border);color:var(--book-accent);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.reading-book-toc-heading .reading-icon{width:.95rem;height:.95rem}.reading-book-toc-list{min-height:0;display:flex;flex-direction:column;gap:.25rem;padding:.5rem;overflow-y:auto;overscroll-behavior:contain}.reading-book-toc-link{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.45rem;width:100%;min-width:0;border:1px solid transparent;border-radius:4px;background:transparent;color:color-mix(in srgb,var(--book-ink) 72%,transparent);padding:.45rem .5rem;text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.reading-book-toc-link:hover,.reading-book-toc-link:focus-visible{border-color:color-mix(in srgb,var(--book-accent) 35%,transparent);background:color-mix(in srgb,var(--book-accent) 8%,var(--book-paper));color:var(--book-accent);outline:none}.reading-book-toc-link.is-active{border-color:color-mix(in srgb,var(--book-accent) 50%,transparent);background:color-mix(in srgb,var(--book-accent) 12%,var(--book-paper));color:var(--book-accent)}.reading-book-toc-number{font-size:.7rem;font-weight:800;line-height:1.35;font-variant-numeric:tabular-nums;opacity:.72}.reading-book-toc-label{min-width:0;font-size:.78rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.reading-book-stage{position:relative;flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;padding:.35rem .25rem 0}.reading-book-shadow{display:none}.reading-book-shell{position:relative;flex:1;min-height:0;min-width:0;width:100%;max-width:56rem;margin-inline:auto;display:flex;flex-direction:column;border-radius:4px;background:var(--book-paper);border:1px solid var(--border);box-shadow:0 18px 44px color-mix(in srgb,#000 26%,transparent)}.reading-book-spine,.reading-book-cover-edge{display:none}.reading-book-viewport{position:relative;flex:1;min-height:0;min-width:0;padding:1rem 1.15rem;outline:none;overflow:hidden}.reading-book-viewport:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent);border-radius:4px}.reading-book-pages{position:relative;height:100%;min-width:0;min-height:min(48vh,22rem)}.reading-book-page{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;opacity:0;visibility:hidden;transform:translate(28px);transition:opacity .28s ease,transform .28s ease,visibility .28s ease;pointer-events:none}.reading-book-page.is-active{position:relative;height:100%;min-height:min(48vh,22rem);opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.reading-book-page.is-active[hidden]{display:flex!important}.reading-book-page.is-leaving,.reading-book-page.is-entering,.reading-book-page.is-leaving-back,.reading-book-page.is-entering-back{visibility:visible;position:absolute;inset:0;pointer-events:none}.reading-book-page.is-leaving{opacity:0;transform:translate(-28px)}.reading-book-page.is-leaving-back,.reading-book-page.is-entering{opacity:0;transform:translate(28px)}.reading-book-page.is-entering-back{opacity:0;transform:translate(-28px)}.reading-book-page-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--border);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--book-ink) 55%,transparent)}.reading-book-page-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-book-page-actions{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:.45rem;min-width:0;margin-left:auto;text-transform:none;letter-spacing:0}.reading-book-page-actions:empty{display:none}.reading-book-page-actions .reading-tts-btn{padding:.42rem .65rem;font-size:.78rem;line-height:1.1}.reading-book-page-actions .reading-tts-icon{width:.82rem;height:.82rem}.reading-book-page-number{flex-shrink:0;font-size:1.25rem;font-weight:700;color:var(--book-accent)}.reading-book-page-content{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;color:var(--book-ink);padding-right:.15rem;overflow-wrap:anywhere}.reading-book-page-content .reading-copy,.reading-book-page-content .reading-paragraph,.reading-book-page-content .reading-scene-title{color:var(--book-ink)}.reading-book-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;width:100%;max-width:56rem;margin:.5rem auto 0;flex-shrink:0}.reading-book-nav-center{display:flex;flex:1;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.reading-book-nav-indicator{font-weight:700;font-size:.95rem}.reading-book-progress-track{width:min(100%,14rem);height:6px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--book-ink) 8%,transparent);overflow:hidden;box-shadow:none}.reading-book-progress-bar{height:100%;width:0;border-radius:inherit;background:var(--book-accent);transition:width .28s ease}.reading-book-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.reading-book-dot{width:.6rem;height:.6rem;padding:0;border:1px solid color-mix(in srgb,var(--book-accent) 50%,transparent);border-radius:999px;background:transparent;cursor:pointer;transition:background-color .12s ease}.reading-book-dot:hover{background:color-mix(in srgb,var(--book-accent) 24%,transparent)}.reading-book-dot.is-active{background:var(--book-accent);border-color:var(--book-accent)}.reading-book-nav-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:4px;background:var(--book-paper);color:var(--book-ink);padding:.5rem 1rem;font-size:.82rem;font-weight:700;box-shadow:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.reading-book-nav-btn:hover:not(:disabled){border-color:var(--book-accent);color:var(--book-accent);background:color-mix(in srgb,var(--book-accent) 8%,var(--book-paper))}.reading-book-nav-btn:disabled{opacity:.4;cursor:not-allowed}.reading-book-nav-btn .reading-icon{width:1rem;height:1rem}.reading-book-nav-btn--primary{border-color:color-mix(in srgb,var(--book-accent) 50%,transparent);background:color-mix(in srgb,var(--book-accent) 12%,var(--book-paper));color:var(--book-accent)}.reading-book-page .reading-scene{border:none;border-radius:0;background:transparent;box-shadow:none;padding:0}.reading-book-page .reading-scene:hover{transform:none;box-shadow:none}.reading-book-page .reading-scene-header{margin-bottom:1rem}.reading-book-page .reading-scene-body{border-top:none;padding-top:0}.reading-book-cover-title{font-size:1.45rem;line-height:1.35;font-weight:700;color:var(--book-ink)}@media(min-width:768px){.reading-book-cover-title{font-size:1.85rem}}.reading-book-cover-subtitle{margin-top:.75rem;font-size:1rem;line-height:1.7;color:color-mix(in srgb,var(--book-ink) 72%,transparent)}.reading-book-cover-video{width:100%;margin-top:1.25rem;overflow:hidden;aspect-ratio:16 / 9;border:1px solid color-mix(in srgb,var(--book-ink) 16%,transparent);border-radius:4px;background:#000;box-shadow:0 10px 22px color-mix(in srgb,var(--book-ink) 12%,transparent)}.reading-book-cover-video-iframe{display:block;width:100%;height:100%}.reading-book-study-flow{display:grid;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;counter-reset:none}.reading-book-study-flow li{display:grid;grid-template-columns:minmax(5rem,auto) minmax(0,1fr);gap:.7rem;align-items:start;border:1px solid color-mix(in srgb,var(--book-accent) 20%,transparent);border-radius:4px;padding:.7rem .8rem;background:color-mix(in srgb,var(--book-accent) 7%,var(--book-paper))}.reading-book-study-flow strong{color:var(--book-accent);font-size:.82rem;line-height:1.35;white-space:nowrap}.reading-book-study-flow span{color:color-mix(in srgb,var(--book-ink) 76%,transparent);font-size:.86rem;line-height:1.55}.reading-book-cover-meta{margin-top:2rem;display:grid;gap:1rem}.reading-book-cover-card{padding:1rem 1.1rem;border:1px solid var(--border);border-radius:4px;background:color-mix(in srgb,var(--background) 94%,var(--muted));box-shadow:none}.hsk-hanzi-card{display:flex;flex-direction:column;gap:.85rem;font-family:var(--font-app);color:var(--foreground);border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);border-radius:4px;background:color-mix(in srgb,var(--foreground) 5%,var(--background));padding:1rem 1.05rem}.hsk-hanzi-card__hint{margin:0;color:color-mix(in srgb,var(--foreground) 62%,transparent);font-size:.82rem;line-height:1.55}.hsk-hanzi-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hsk-hanzi-card__intro{display:grid;gap:.3rem;min-width:0}.hsk-hanzi-card__eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.hsk-hanzi-card__title{margin:0;font-size:clamp(1.18rem,1rem + .35vw,1.35rem);font-weight:800;line-height:1.25}.hsk-hanzi-card__subtitle{margin:0;color:color-mix(in srgb,var(--foreground) 68%,transparent);font-size:.9rem;font-weight:600;line-height:1.45}.hsk-hanzi-card__total{flex-shrink:0;margin:0;color:color-mix(in srgb,var(--foreground) 62%,transparent);font-size:.84rem;font-weight:700;line-height:1.35;text-align:right}.hsk-hanzi-card__levels{display:grid;gap:.7rem}.hsk-hanzi-table-wrap{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);border-radius:4px;background:var(--background)}.reading-video-panel-pane--hsk .hsk-hanzi-table-wrap{overflow-x:auto;overflow-y:hidden}.reading-video-panel-pane--hsk .hsk-hanzi-table{min-width:0}.reading-video-panel-pane--hsk .hsk-hanzi-table__head,.reading-video-panel-pane--hsk .hsk-hanzi-table__subhead{padding:.38rem .2rem;font-size:.62rem;white-space:normal;word-break:break-word}.reading-video-panel-pane--hsk .hsk-hanzi-table__found{padding:.45rem .2rem;font-size:.92rem}.reading-video-panel-pane--hsk .hsk-hanzi-table__meta{padding:.38rem .2rem;font-size:.72rem}.reading-video-panel-pane--hsk .hsk-hanzi-table__section-label{padding:.38rem .45rem;font-size:.62rem}.hsk-hanzi-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.hsk-hanzi-table--compact{table-layout:auto}.hsk-hanzi-table--compact .hsk-hanzi-table__corner,.hsk-hanzi-table--compact .hsk-hanzi-table__row-label{width:1%;min-width:5.75rem;max-width:7.5rem;padding:.48rem .55rem .48rem .5rem;border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);background:color-mix(in srgb,var(--foreground) 6%,var(--background));color:color-mix(in srgb,var(--foreground) 68%,transparent);font-size:.66rem;font-weight:800;letter-spacing:.04em;line-height:1.25;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:normal;overflow-wrap:break-word}.hsk-hanzi-table--compact .hsk-hanzi-table__head{padding:.48rem .3rem;font-size:.72rem;letter-spacing:0;line-height:1.2;white-space:nowrap}.hsk-hanzi-table--compact .hsk-hanzi-table__found{padding:.55rem .3rem;font-size:clamp(.95rem,1.4vw,1.12rem);font-weight:800;line-height:1.15}.hsk-hanzi-table--compact .hsk-hanzi-table__meta{padding:.42rem .3rem;font-size:.78rem;font-weight:700}.hsk-hanzi-table--compact .hsk-hanzi-table__meta--percent{font-size:.8rem;font-weight:800}.hsk-hanzi-table--compact .hsk-hanzi-table__col--level-7_9{font-size:inherit}.hsk-hanzi-table__section-label-row+tr .hsk-hanzi-table__head{border-top-width:0}.hsk-hanzi-table__section-label{padding:.42rem .55rem;border:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);background:color-mix(in srgb,var(--foreground) 8%,var(--background));color:color-mix(in srgb,var(--foreground) 72%,transparent);font-size:.66rem;font-weight:800;letter-spacing:.07em;line-height:1.2;text-align:left;text-transform:uppercase}.hsk-hanzi-table__section-label-row:not(:first-child) .hsk-hanzi-table__section-label{border-top-width:2px}.hsk-hanzi-table__head,.hsk-hanzi-table__subhead{padding:.45rem .35rem;border:1px solid color-mix(in srgb,var(--hsk-head-bg) 88%,#000);background:var(--hsk-head-bg);color:var(--hsk-head-fg);font-size:.72rem;font-weight:700;line-height:1.2;text-align:center;vertical-align:middle;white-space:nowrap}.hsk-hanzi-table__found{padding:.55rem .35rem;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);font-size:clamp(1.05rem,2.2vw,1.45rem);font-weight:800;line-height:1.1;text-align:center;vertical-align:middle}.hsk-hanzi-table__meta{padding:.42rem .35rem;border:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);background:color-mix(in srgb,var(--background) 96%,var(--muted));color:color-mix(in srgb,var(--foreground) 82%,transparent);font-size:.78rem;font-weight:700;line-height:1.25;text-align:center;vertical-align:middle}.hsk-hanzi-table__meta--percent{font-size:.82rem;font-weight:800}.hsk-hanzi-table__subhead-row .hsk-hanzi-table__subhead{padding-block:.35rem;font-size:.62rem;letter-spacing:.02em;text-transform:uppercase}.hsk-hanzi-table__found.hsk-hanzi-table__col--level-1{background:var(--hsk-l1-bg);color:var(--hsk-l1-fg)}.hsk-hanzi-table__found.hsk-hanzi-table__col--level-2{background:var(--hsk-l2-bg);color:var(--hsk-l2-fg)}.hsk-hanzi-table__found.hsk-hanzi-table__col--level-3{background:var(--hsk-l3-bg);color:var(--hsk-l3-fg)}.hsk-hanzi-table__found.hsk-hanzi-table__col--level-4{background:var(--hsk-l4-bg);color:var(--hsk-l4-fg)}.hsk-hanzi-table__found.hsk-hanzi-table__col--level-5{background:var(--hsk-l5-bg);color:var(--hsk-l5-fg)}.hsk-hanzi-table__found.hsk-hanzi-table__col--level-6{background:var(--hsk-l6-bg);color:var(--hsk-l6-fg)}.hsk-hanzi-table__found.hsk-hanzi-table__col--level-7_9{background:var(--hsk-l7-bg);color:var(--hsk-l7-fg)}.hsk-hanzi-table__found.hsk-hanzi-table__col--outside{background:var(--hsk-out-bg);color:var(--hsk-out-fg)}.hsk-hanzi-table__found.hsk-hanzi-table__col--total{background:var(--hsk-total-bg);color:var(--hsk-total-fg)}[data-theme=dark] .hsk-hanzi-table-wrap{border-color:color-mix(in srgb,var(--foreground) 24%,transparent)}[data-theme=dark] .hsk-hanzi-table__found,[data-theme=dark] .hsk-hanzi-table__meta{border-color:color-mix(in srgb,var(--foreground) 20%,transparent)}.hsk-hanzi-level{border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);border-radius:4px;background:color-mix(in srgb,var(--background) 88%,transparent);overflow:hidden}.hsk-hanzi-level--1 .hsk-hanzi-level__summary{background:color-mix(in srgb,var(--hsk-l1-bg) 78%,var(--background))}.hsk-hanzi-level--2 .hsk-hanzi-level__summary{background:color-mix(in srgb,var(--hsk-l2-bg) 72%,var(--background))}.hsk-hanzi-level--3 .hsk-hanzi-level__summary{background:color-mix(in srgb,var(--hsk-l3-bg) 78%,var(--background))}.hsk-hanzi-level--4 .hsk-hanzi-level__summary{background:color-mix(in srgb,var(--hsk-l4-bg) 72%,var(--background))}.hsk-hanzi-level--5 .hsk-hanzi-level__summary{background:color-mix(in srgb,var(--hsk-l5-bg) 74%,var(--background))}.hsk-hanzi-level--6 .hsk-hanzi-level__summary{background:color-mix(in srgb,var(--hsk-l6-bg) 68%,var(--background))}.hsk-hanzi-level--7_9 .hsk-hanzi-level__summary{background:color-mix(in srgb,var(--hsk-l7-bg) 62%,var(--background))}.hsk-hanzi-level--outside .hsk-hanzi-level__summary{background:color-mix(in srgb,var(--hsk-out-bg) 78%,var(--background))}.hsk-hanzi-level__summary{display:grid;gap:.5rem;padding:.7rem .8rem;list-style:none;cursor:pointer}.hsk-hanzi-level__summary::-webkit-details-marker{display:none}.hsk-hanzi-level__summary::marker{content:""}.hsk-hanzi-level__head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:0}.hsk-hanzi-level__label{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;font-size:.88rem;font-weight:800;line-height:1.3}.hsk-hanzi-level__unique{color:color-mix(in srgb,var(--foreground) 58%,transparent);font-size:.78rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.hsk-hanzi-level__chevron{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);border-radius:4px;color:color-mix(in srgb,var(--foreground) 58%,transparent);transition:transform .16s ease,color .16s ease,border-color .16s ease}.hsk-hanzi-level__chevron .reading-icon{width:.9rem;height:.9rem}.hsk-hanzi-level[open] .hsk-hanzi-level__chevron{transform:rotate(180deg);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.hsk-hanzi-level__actions{display:flex;justify-content:flex-end;padding:.65rem .8rem 0;border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.hsk-hanzi-level__anki{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:.32rem .58rem;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:4px;background:color-mix(in srgb,var(--accent) 10%,var(--background));color:var(--foreground);font:inherit;font-size:.74rem;font-weight:800;line-height:1.1;cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.hsk-hanzi-level__anki:hover,.hsk-hanzi-level__anki:focus-visible{border-color:color-mix(in srgb,var(--accent) 62%,transparent);background:color-mix(in srgb,var(--accent) 18%,var(--background))}.hsk-hanzi-level__anki .reading-icon{width:.9rem;height:.9rem}.hsk-hanzi-level__chars{display:flex;flex-wrap:wrap;gap:.5rem .55rem;margin:0;padding:.65rem .8rem .85rem}.hsk-hanzi-char{position:relative;display:inline-grid;place-items:center;min-width:2.45rem;height:2.45rem;padding:0 .25rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:4px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:inherit}.hsk-hanzi-char--interactive{margin:0;font:inherit;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.hsk-hanzi-char--interactive:hover,.hsk-hanzi-char--interactive.is-word-popover-active{border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.reading-hsk-tab.is-hsk-tap-speak-enabled .hsk-hanzi-char--speakable,.reading-hsk-tab.is-hsk-tap-speak-enabled .hsk-hanzi-word--speakable{cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.reading-hsk-tab.is-hsk-tap-speak-enabled .hsk-hanzi-char--speakable:hover,.reading-hsk-tab.is-hsk-tap-speak-enabled .hsk-hanzi-word--speakable:hover{border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.hsk-hanzi-char__glyph{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Heiti SC,ui-sans-serif,system-ui,sans-serif;font-size:1.18rem;font-weight:600;line-height:1}.hsk-hanzi-level__words{gap:.45rem .5rem}.hsk-hanzi-word{display:inline-flex;align-items:center;gap:.35rem;min-height:2.15rem;padding:.28rem .45rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:4px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:inherit}.hsk-hanzi-word--interactive{margin:0;font:inherit;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.hsk-hanzi-word--interactive:hover,.hsk-hanzi-word--interactive.is-word-popover-active{border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.hsk-hanzi-word--game-term{border-bottom:2px dashed color-mix(in srgb,var(--accent) 55%,transparent)}.hsk-hanzi-word__text{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Heiti SC,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:650;line-height:1.15}.hsk-hanzi-word__count{color:color-mix(in srgb,var(--foreground) 56%,transparent);font-size:.72rem;font-weight:800;line-height:1}.hsk-hanzi-row__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.76rem;line-height:1.25}.hsk-hanzi-row__meta span:first-child{font-weight:800}.hsk-hanzi-row__meta span:last-child{color:color-mix(in srgb,var(--foreground) 58%,transparent);font-weight:600}.hsk-hanzi-card__note{margin:0;color:color-mix(in srgb,var(--foreground) 64%,transparent);font-size:.8rem;line-height:1.5}@media(max-width:960px){.hsk-hanzi-level__summary{cursor:pointer}.hsk-hanzi-level__head{grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem}.hsk-hanzi-card{padding:.9rem .95rem;gap:.75rem}.reading-video-panel-pane--hsk.is-active{padding:.75rem .8rem .85rem}.hsk-hanzi-card__header{gap:.5rem}.hsk-hanzi-card__levels{gap:.6rem}.reading-video-panel-pane--hsk .hsk-hanzi-table__head,.reading-video-panel-pane--hsk .hsk-hanzi-table__subhead{font-size:.58rem}.reading-video-panel-pane--hsk .hsk-hanzi-table__found{font-size:.85rem}.hsk-hanzi-row__meta{gap:.5rem;font-size:.8rem}.hsk-hanzi-row__meta span:last-child{flex-shrink:0;white-space:nowrap}}@media(max-width:640px){.lesson-hsk-video-prompt__actions{width:100%;flex-direction:column;align-items:stretch}.lesson-hsk-video-prompt__cta{justify-content:center;width:100%}.hsk-hanzi-char{min-width:2.3rem;height:2.3rem}.hsk-hanzi-char__glyph{font-size:1.12rem}.hsk-hanzi-level__chars{gap:.45rem .5rem}.hsk-hanzi-card__header{flex-direction:column;align-items:flex-start}.hsk-hanzi-card__total{text-align:left}}.reading-book-next-step{display:grid;align-items:start;gap:.85rem;width:100%;margin-top:1rem;font-family:var(--font-app);font-size:1rem;line-height:1.5;letter-spacing:0}.reading-book-next-step-copy{min-width:0;max-width:42rem}.reading-book-next-step-copy p{overflow-wrap:normal;word-break:normal}.reading-book-next-step-copy p:first-child{font-size:1rem;line-height:1.35}.reading-book-next-step-copy p+p{margin-top:.35rem;font-size:.88rem;line-height:1.55}.reading-book-next-step-actions{display:flex;flex-wrap:wrap;gap:.55rem}.reading-book-next-step-actions .pixel-button,.reading-book-next-step-actions .pixel-button-secondary{min-width:max-content}.reading-book-appendix-grid{display:grid;gap:.75rem}@media(min-width:640px){.reading-book-appendix-grid--vocab{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.reading-book-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.reading-book-toc-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.reading-book-toc-link{flex:0 0 min(12rem,72vw);align-items:center}}@media(max-width:520px){.reading-book-study-flow li{grid-template-columns:1fr;gap:.25rem}}@media(max-width:640px){.reading-book-toc{box-shadow:none}.reading-book-toc-heading{display:none}.reading-book-toc-list{gap:.3rem;padding:.3rem}.reading-book-toc-link{flex-basis:auto;grid-template-columns:auto;gap:0;width:auto;min-width:2.35rem;max-width:8.5rem;padding:.32rem .45rem}.reading-book-toc-number{font-size:.66rem;line-height:1}.reading-book-toc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-book-toc-link.is-active{grid-template-columns:auto minmax(0,1fr);min-width:min(12rem,70vw)}.reading-book-toc-link.is-active .reading-book-toc-label{position:static;width:auto;height:auto;margin:0;overflow:hidden;clip:auto;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem}.reading-book-page-meta{flex-wrap:wrap;gap:.35rem .5rem;margin-bottom:.65rem;padding-bottom:.5rem}.reading-book-page-actions{order:3;flex-basis:100%;justify-content:flex-start;margin-left:0}.reading-book-page-actions .reading-tts-btn{gap:0;padding:.36rem}.reading-book-page-actions .reading-tts-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-book-page-actions .reading-scene-video-time{padding:.36rem .5rem;font-size:.72rem}.reading-book-page-number{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.reading-book-page,.reading-book-progress-bar{transition:none}}[data-theme=dark] .reading-split-tab__badge,[data-theme=dark] .hsk-hanzi-card__note,[data-theme=dark] .reading-hsk-tab .hsk-hanzi-card__hint{color:#fff}:root{--site-header-height: 3.5rem;--site-sidebar-width: 16rem;--site-content-max: 74rem;--site-inline-padding: clamp(1rem, 3vw, 2rem);--site-gutter: clamp(1rem, 4vw, 2rem);--site-radius: 10px;--app-card-radius: 10px;--app-video-radius: 7px;--app-shadow: 0 1px 2px color-mix(in srgb, #1f2937 7%, transparent);--app-shadow-raised: 0 12px 34px color-mix(in srgb, #1f2937 10%, transparent)}html{background:var(--background)}body{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 10%,transparent),transparent 24rem),var(--background)}body:has(>.site-header){padding-top:var(--site-header-height)}.site-header{height:var(--site-header-height);border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 1px color-mix(in srgb,var(--foreground) 5%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto}.site-header__inner{width:min(100%,var(--site-content-max));max-width:var(--site-content-max);padding-inline:var(--site-inline-padding)}.site-brand{gap:.6rem;padding:.2rem .35rem .2rem 0;font-weight:700}.site-brand-logo{width:2.35rem;height:2.35rem;border-radius:9px}.site-brand-title{max-width:min(14rem,52vw);overflow:visible;text-overflow:clip;font-size:.94rem;letter-spacing:0;white-space:normal}.site-header__links{gap:.25rem}.site-header__link{display:inline-flex;align-items:center;gap:.48rem;padding:.45rem .7rem;border-radius:999px;color:var(--muted-foreground);font-size:.84rem;font-weight:650}.site-header__link-icon{width:1rem;height:1rem;flex:0 0 1rem}.site-header__link:hover,.site-header__link:focus-visible{color:var(--foreground);background:color-mix(in srgb,var(--muted) 78%,transparent)}.site-header__link.active-nav{background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:color-mix(in srgb,var(--accent) 78%,var(--foreground));font-weight:750}.site-header__icon-btn,.site-header__menu-btn{border-radius:999px;color:var(--muted-foreground)}.site-header__icon-btn:hover,.site-header__icon-btn:focus-visible,.site-header__menu-btn:hover,.site-header__menu-btn:focus-visible{background:color-mix(in srgb,var(--muted) 86%,transparent);color:var(--foreground)}.site-header__mobile-menu{border:0;border-radius:14px;background:var(--surface);box-shadow:var(--app-shadow-raised)}@media(min-width:1024px){body:has(>.site-header){padding-top:0;padding-left:var(--site-sidebar-width)}.site-header{inset:0 auto 0 0;width:var(--site-sidebar-width);height:100dvh;border-right:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-bottom:0;box-shadow:1px 0 color-mix(in srgb,var(--foreground) 5%,transparent)}.site-header__inner{width:100%;max-width:none;height:100%;margin:0;padding:1rem .75rem;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1rem}.site-brand{flex-direction:column;align-items:flex-start;gap:.72rem;padding:.65rem .65rem .8rem}.site-brand-logo{width:4.8rem;height:4.8rem;border-radius:18px}.site-brand-title{max-width:12.8rem;font-size:1.04rem;line-height:1.18;white-space:normal}.site-header__nav{display:flex;min-height:0;flex:1;flex-direction:column;align-items:stretch;gap:.8rem}.site-header__links{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:.18rem}.site-header__links li{width:100%}.site-header__link{display:flex;width:100%;align-items:center;gap:.58rem;min-height:2.25rem;padding:.55rem .7rem;border-radius:8px;white-space:normal}.site-header__link-icon{width:1.08rem;height:1.08rem;flex-basis:1.08rem}.site-header__link.active-nav{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.site-header__tools{width:100%;margin-top:auto;padding:.65rem .35rem 0;justify-content:flex-start;border-top:1px solid color-mix(in srgb,var(--border) 78%,transparent)}.site-header__icon-btn,.site-header__menu-btn{width:2.2rem;height:2.2rem}.site-header__mobile-menu{display:none}}.site-footer{border-top:1px solid var(--border);background:var(--surface)}.pixel-button,.pixel-button-secondary,.reading-mode-settings-btn,.reading-mode-nav-btn{border-radius:999px;font-weight:750}.pixel-button{background:var(--accent);box-shadow:none}.pixel-button:hover,.pixel-button:focus-visible{background:color-mix(in srgb,var(--accent) 88%,#111827);transform:translateY(-1px)}.pixel-button-secondary{background:color-mix(in srgb,var(--muted) 92%,transparent);color:color-mix(in srgb,var(--foreground) 88%,transparent)}.pixel-button-secondary:hover,.pixel-button-secondary:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--muted));color:var(--foreground);transform:translateY(-1px)}.pixel-panel,.pixel-panel-accent,.reading-surface,.hsk-difficulty-guide__level{border-radius:var(--app-card-radius);box-shadow:var(--app-shadow)}.pixel-badge{border-radius:5px;background:color-mix(in srgb,var(--muted) 80%,var(--surface));color:color-mix(in srgb,var(--foreground) 82%,transparent)}.home-hero{min-height:clamp(28rem,58svh,42rem);margin-top:0;padding-top:0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.home-hero__bg{background:var(--hero-gradient),var(--background)}.home-hero__bg:after{background:var(--hero-gradient)}.home-hero__bg-image{opacity:.14;filter:saturate(.92) contrast(1.02)}[data-theme=dark] .home-hero__bg-image{opacity:.24}.home-page .home-hero--showcase .home-hero__shell{display:flex;flex-direction:column;justify-content:center;min-height:clamp(28rem,58svh,42rem);padding-top:clamp(2rem,6vw,4.5rem);padding-bottom:clamp(2rem,5vw,3.5rem)}.home-hero--showcase .home-hero__title{max-width:17ch;font-size:clamp(2.25rem,5.2vw,4.25rem);line-height:1.04;letter-spacing:0}.home-hero__eyebrow,.readings-playlist-eyebrow,.hsk-difficulty-guide__eyebrow,.home-hsk-heatmap__eyebrow{color:var(--accent);letter-spacing:.04em}.home-hero__lead,.home-section__lead,.readings-bookshelf-intro-lead,.series-hsk-heatmap__lead{color:var(--muted-foreground)}.home-section,.home-page .home-section,.readings-bookshelf-page,.readings-bookshelf-page--frequency{width:min(100%,var(--site-content-max));max-width:var(--site-content-max);margin-inline:auto;padding-inline:var(--site-inline-padding)}.readings-bookshelf-page{padding-top:clamp(1.35rem,3vw,2rem)}.readings-bookshelf-page--browse{padding-top:clamp(.85rem,2vw,1.25rem)}.readings-bookshelf-intro{margin-bottom:1.1rem}.lesson-library-top-links{width:fit-content;max-width:100%;margin-top:.95rem;padding:.35rem;gap:.25rem;border-radius:var(--app-card-radius);background:var(--surface);box-shadow:var(--app-shadow)}.lesson-library-top-links .pixel-button-secondary{min-height:2.05rem;padding:.42rem .68rem;background:transparent;color:var(--muted-foreground);font-size:.78rem;font-weight:750}.lesson-library-top-links .pixel-button-secondary:hover,.lesson-library-top-links .pixel-button-secondary:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--muted));color:var(--foreground)}.readings-bookshelf-intro-title,.site-page-hero__title,.home-section__title,.series-hsk-heatmap__title{color:var(--foreground);font-weight:760;letter-spacing:0}.lesson-difficulty-filter,.frequency-page-link,.series-study-guide,.home-hsk-heatmap__summary,.home-hsk-heatmap__panel,.hsk-difficulty-guide,.readings-bookshelf-page--frequency :is(>.subtitle-frequency-panel,.subtitle-frequency-panel--standalone){border:0;border-radius:var(--app-card-radius);background:var(--surface);box-shadow:var(--app-shadow)}.lesson-difficulty-filter{align-items:flex-start;gap:.8rem 1rem;padding:.85rem}.lesson-difficulty-filter__title{font-size:.86rem;line-height:1.15}.lesson-difficulty-filter__meta{color:var(--muted-foreground)}.lesson-difficulty-filter__body{gap:.72rem}.lesson-difficulty-filter__group{gap:.34rem}.lesson-difficulty-filter__label{color:color-mix(in srgb,var(--foreground) 54%,transparent);font-size:.68rem;letter-spacing:0;text-transform:none}.lesson-difficulty-filter__button{min-height:2.15rem;border:0;border-radius:999px;background:transparent;color:var(--muted-foreground);font-size:.82rem;font-weight:750}.lesson-difficulty-filter__button:hover,.lesson-difficulty-filter__button:focus-visible{background:color-mix(in srgb,var(--muted) 86%,transparent);color:var(--foreground)}.lesson-difficulty-filter__button.is-active{background:var(--accent);color:var(--accent-foreground)}.lesson-difficulty-filter__count{background:color-mix(in srgb,var(--foreground) 8%,transparent)}.lesson-difficulty-filter__icon{background:color-mix(in srgb,var(--muted) 92%,transparent);color:color-mix(in srgb,var(--foreground) 58%,transparent)}.lesson-difficulty-filter__toggle-group{background:color-mix(in srgb,var(--muted) 92%,transparent)}.lesson-difficulty-filter__toggle{color:color-mix(in srgb,var(--foreground) 68%,transparent)}.lesson-difficulty-filter__toggle:hover,.lesson-difficulty-filter__toggle:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--muted));color:var(--foreground)}.lesson-difficulty-filter__toggle.is-active{background:var(--accent);color:var(--accent-foreground)}.lesson-difficulty-filter__toggle[data-age-rating-filter-value="18"].is-active,.lesson-difficulty-filter--browse .lesson-difficulty-filter__toggle[data-age-rating-filter-value="18"].is-active{background-color:#dc2626;color:#fff}.lesson-difficulty-filter__select-field{min-width:min(100%,14rem)}.lesson-difficulty-filter__select-field--sort{min-width:min(100%,11.5rem)}.lesson-difficulty-filter__select-field--compact{min-width:min(100%,8.75rem)}.lesson-difficulty-filter__select-field--voice{min-width:min(100%,10.5rem)}.lesson-difficulty-filter__select{min-height:2.15rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:999px;background:color-mix(in srgb,var(--muted) 86%,var(--surface));color:color-mix(in srgb,var(--foreground) 82%,transparent);font-size:.82rem;font-weight:750;appearance:auto;-webkit-appearance:auto}.lesson-difficulty-filter__select:hover,.lesson-difficulty-filter__select:focus-visible{border-color:color-mix(in srgb,var(--foreground) 18%,transparent);background:color-mix(in srgb,var(--muted) 74%,var(--surface));color:var(--foreground)}.lesson-difficulty-filter__select.is-active{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:color-mix(in srgb,var(--foreground) 92%,var(--accent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.lesson-difficulty-filter__select.is-active:hover,.lesson-difficulty-filter__select.is-active:focus-visible{border-color:color-mix(in srgb,var(--accent) 64%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.lesson-difficulty-filter__reset{display:inline-flex;align-items:center;justify-content:center;min-height:2.15rem;padding:.45rem .78rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--foreground) 8%,transparent);color:color-mix(in srgb,var(--foreground) 76%,transparent);font:inherit;font-size:.82rem;font-weight:760;line-height:1.15;white-space:nowrap}.lesson-difficulty-filter__reset:hover,.lesson-difficulty-filter__reset:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--muted));color:var(--foreground)}.lesson-difficulty-filter--browse{max-width:100%;min-width:0;flex-wrap:nowrap;align-items:center;flex-direction:row;justify-content:flex-start;gap:.55rem;overflow:hidden}.lesson-difficulty-filter--browse .lesson-difficulty-filter__head{display:flex;flex:0 0 auto;align-items:center;min-width:auto}.lesson-difficulty-filter--browse .lesson-difficulty-filter__body{flex:1 1 auto;flex-wrap:nowrap;align-items:center;justify-content:flex-start;min-width:0;gap:.45rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-padding-inline:.85rem;-webkit-overflow-scrolling:touch}.lesson-difficulty-filter--browse .lesson-difficulty-filter__group{display:flex;flex:0 0 auto;align-items:center;gap:0;min-width:0}.lesson-difficulty-filter--browse .lesson-difficulty-filter__icon{display:none}.lesson-difficulty-filter--browse .lesson-difficulty-filter__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lesson-difficulty-filter--browse .lesson-difficulty-filter__controls{flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-start}.lesson-difficulty-filter--browse .lesson-difficulty-filter__button{flex:1 1 auto}.lesson-difficulty-filter--browse :is(.lesson-difficulty-filter__toggle-group,.lesson-difficulty-filter__toggle){min-width:0}.lesson-difficulty-filter--browse .lesson-difficulty-filter__group--difficulty{flex-basis:auto}.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field{width:auto;min-width:0}.lesson-difficulty-filter--browse .lesson-difficulty-filter__select{width:auto;min-width:9rem;max-width:15rem}.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field--sort{flex-basis:auto;min-width:0}.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field--compact{min-width:8.75rem}.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field--voice{min-width:10.5rem}.lesson-difficulty-filter--browse .lesson-difficulty-filter__group--actions{flex:0 0 auto;align-self:center;min-width:auto}.nf-shelf{gap:1.65rem}.nf-shelf--browse{gap:1rem}.nf-row{gap:.75rem}.nf-row--browse{gap:.55rem}.nf-row__header{align-items:center}.nf-row__title{font-size:clamp(1.08rem,1.6vw,1.28rem);font-weight:760}.nf-row__subtitle,.nf-video-card__channel,.nf-video-card__stats,.readings-series-difficulty{color:var(--muted-foreground)}.series-difficulty-badge,.nf-poster__badge--hsk{border:0;border-radius:5px;background:var(--accent);color:var(--accent-foreground)}.nf-shelf--grid .nf-row__track{grid-template-columns:repeat(auto-fill,minmax(13.25rem,1fr));gap:1.3rem}.nf-shelf--browse .nf-row__track{grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));gap:1.25rem 1rem;padding-top:.15rem;align-items:stretch}.nf-shelf--grid .nf-row__item{min-width:0}.nf-shelf--browse .nf-row__item{display:flex}.nf-shelf--grid .nf-poster--yt{gap:0;overflow:hidden;border-radius:var(--app-card-radius);background:var(--surface);box-shadow:var(--app-shadow);transition:transform .15s ease,box-shadow .15s ease}.nf-shelf--browse .nf-poster--yt{width:100%;height:100%}.nf-shelf--grid .nf-poster--yt:hover,.nf-shelf--grid .nf-poster--yt:focus-visible{transform:translateY(-2px);box-shadow:var(--app-shadow-raised)}.nf-video-card__thumb{border-radius:var(--app-video-radius) var(--app-video-radius) 0 0;background:#d5dde5}.nf-video-card__badge{right:.45rem;bottom:.45rem;padding:.24rem .4rem;border-radius:5px;background:var(--accent);color:var(--accent-foreground);font-size:.72rem;font-weight:750}.nf-video-card__duration{right:.45rem;bottom:.45rem;padding:.26rem .42rem;border-radius:5px;background:color-mix(in srgb,#000 74%,transparent);color:#fff;font-size:.72rem;font-weight:800}.nf-video-card__meta{display:block;padding:.72rem .8rem .85rem}.nf-shelf--browse .nf-video-card__meta{min-height:5.9rem}.nf-video-card__avatar{display:none}.nf-video-card__title{font-size:.88rem;font-weight:650;line-height:1.28}.nf-shelf--browse .nf-video-card__title{min-height:2.56em}.nf-video-card__channel,.nf-video-card__stats{white-space:normal}.nf-video-card__channel{margin-top:.42rem;font-size:.78rem}.nf-video-card__stats{margin-top:.46rem;font-size:.76rem;line-height:1.35}.nf-video-card__topics{margin-top:.38rem;color:color-mix(in srgb,var(--foreground) 46%,transparent);font-size:.72rem;line-height:1.3}.nf-video-card__badges{margin-top:.5rem}.nf-shelf--browse .nf-video-card__badges{flex-wrap:nowrap;min-height:1.68rem;overflow:hidden}.nf-video-card__level,.nf-video-card__tags{min-height:1.68rem;border-radius:6px;font-size:.74rem}.nf-poster__media{border:0;border-radius:var(--app-video-radius);box-shadow:var(--app-shadow)}.nf-shelf--browse .nf-video-card__tags--age-18{background:#dc2626;color:#fff}.nf-poster:not(.nf-poster--card):hover .nf-poster__media,.nf-poster:not(.nf-poster--card):focus-visible .nf-poster__media{transform:translateY(-2px);box-shadow:var(--app-shadow-raised)}.readings-bookshelf-intro-panel--series{align-items:center;gap:1.25rem;padding:1rem;border-radius:var(--app-card-radius);background:var(--surface);box-shadow:var(--app-shadow)}.readings-series-intro-cover{border:0;border-radius:var(--app-video-radius);box-shadow:none}.series-hsk-heatmap{border-top:0}.series-frequency-disclosure__summary{border:0;border-radius:var(--app-card-radius);background:var(--surface);box-shadow:var(--app-shadow)}.home-hsk-heatmap__table-wrap,.hsk-hanzi-frequency,.hsk-words-frequency,.hsk-inventory,.hsk-hanzi-card,.subtitle-frequency-panel{border-radius:var(--app-card-radius)}.home-hsk-heatmap__tab,.home-hsk-heatmap__expand-all,.series-frequency-disclosure__action{border-radius:999px}.reading-mode,[data-theme=light] .reading-mode{background:var(--background)}.reading-mode-chrome{--chrome-bg: var(--surface);--chrome-surface: var(--surface);--chrome-border: var(--border);--chrome-tab-track: var(--muted);border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:var(--surface);box-shadow:0 1px color-mix(in srgb,var(--foreground) 5%,transparent)}[data-theme=dark] .reading-mode-chrome{--chrome-bg: var(--surface);--chrome-surface: var(--surface);--chrome-border: var(--border);--chrome-tab-track: var(--muted)}.reading-mode-chrome .reading-split-tabs{border:0;border-radius:999px;background:var(--muted)}.reading-mode-chrome .reading-split-tab button,.reading-mode-chrome .reading-split-tab a{border-radius:999px}.reading-mode-nav-btn,.reading-mode-icon-btn,.reading-mode-settings-btn{border:0;background:color-mix(in srgb,var(--muted) 80%,transparent);color:var(--muted-foreground)}.reading-mode-nav-btn:hover,.reading-mode-nav-btn:focus-visible,.reading-mode-icon-btn:hover,.reading-mode-icon-btn:focus-visible,.reading-mode-settings-btn:hover,.reading-mode-settings-btn:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--muted));color:var(--foreground)}.reading-mode-eyebrow{color:var(--accent)}.reading-mode-main{background:var(--background)}.lesson-hsk-video-prompt,.reading-hsk-tab .hsk-hanzi-card,.hsk-hanzi-card,.reading-hsk-tab .hsk-hanzi-level,.reading-hsk-tab .hsk-hanzi-table-wrap,.reading-video-panel,.reading-subtitle-panel,.subtitle-frequency-panel{border-color:color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--app-card-radius);background:var(--surface);box-shadow:var(--app-shadow)}.reading-hsk-tab .hsk-hanzi-level,.reading-hsk-tab .hsk-hanzi-table-wrap{background:color-mix(in srgb,var(--surface) 88%,var(--background));box-shadow:none}.hsk-hanzi-card__eyebrow,.lesson-hsk-video-prompt__eyebrow{color:var(--accent);letter-spacing:.04em}@media(max-width:768px){.home-page .home-hero--showcase .home-hero__shell{min-height:auto;padding-top:2rem;padding-bottom:2rem}.site-header__inner,.readings-bookshelf-page,.home-section,.home-page .home-section{padding-inline:1rem}.lesson-difficulty-filter__button{flex:1 1 calc(50% - .45rem)}.lesson-library-top-links{width:100%}.lesson-library-top-links .pixel-button-secondary{flex:1 1 calc(50% - .25rem);justify-content:center}.lesson-difficulty-filter__body,.lesson-difficulty-filter__group,.lesson-difficulty-filter__controls,.lesson-difficulty-filter__select-field{width:100%}.lesson-difficulty-filter__body,.lesson-difficulty-filter__controls,.lesson-difficulty-filter__select-field{flex-basis:auto}.lesson-difficulty-filter__body,.lesson-difficulty-filter__controls{justify-content:flex-start}.lesson-difficulty-filter--browse{align-items:center;flex-direction:row;padding:.72rem}.lesson-difficulty-filter--browse .lesson-difficulty-filter__body,.lesson-difficulty-filter--browse .lesson-difficulty-filter__group,.lesson-difficulty-filter--browse .lesson-difficulty-filter__controls,.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field{width:auto}.lesson-difficulty-filter--browse .lesson-difficulty-filter__body,.lesson-difficulty-filter--browse .lesson-difficulty-filter__controls,.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field{flex-basis:auto}.lesson-difficulty-filter--browse .lesson-difficulty-filter__head{display:none}.lesson-difficulty-filter--browse .lesson-difficulty-filter__body{width:100%;flex:1 1 100%;gap:.35rem;overflow-x:hidden;scrollbar-width:none}.lesson-difficulty-filter--browse .lesson-difficulty-filter__body::-webkit-scrollbar{display:none}.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field,.lesson-difficulty-filter--browse .lesson-difficulty-filter__group--difficulty,.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field--compact,.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field--voice,.lesson-difficulty-filter--browse .lesson-difficulty-filter__select-field--sort{flex:1 1 0;min-width:0}.lesson-difficulty-filter--browse .lesson-difficulty-filter__select{width:100%;min-width:0;max-width:none;padding-inline:.62rem 1.35rem;font-size:.74rem}.lesson-difficulty-filter--browse .lesson-difficulty-filter__group--actions{flex:0 0 auto}.lesson-difficulty-filter--browse .lesson-difficulty-filter__reset{width:2.15rem;min-width:2.15rem;padding-inline:0;font-size:0}.lesson-difficulty-filter--browse .lesson-difficulty-filter__reset:before{content:"x";font-size:1rem;line-height:1}.nf-shelf--grid .nf-row__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem}.nf-video-card__meta{padding:.65rem .68rem .78rem}.nf-video-card__title{font-size:.82rem}.readings-bookshelf-intro-panel--series{padding:.85rem}}@media(max-width:360px){.nf-shelf--grid .nf-row__track{grid-template-columns:1fr}}