@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:var(--font-onest), "Onest", "Segoe UI", system-ui, sans-serif;--font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--font-mono:var(--font-sans);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:1.4;--text-sm:.875rem;--text-sm--line-height:1.55;--text-base:1rem;--text-base--line-height:1.55;--text-lg:1.2rem;--text-lg--line-height:1.4;--text-xl:1.44rem;--text-xl--line-height:1.25;--text-2xl:1.728rem;--text-2xl--line-height:1.2;--text-3xl:2.074rem;--text-3xl--line-height:1.2;--text-4xl:2.488rem;--text-4xl--line-height:1.2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--ease-out:cubic-bezier(.16, 1, .3, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-night:#151b29;--color-night-2:#1d2436;--color-silk:#ece4d2;--color-silk-2:#e4dac5;--color-paper:#f4eee2;--color-ink:#23201b;--color-ink-2:#574f43;--color-ink-3:#8a8070;--color-cream:#efe7d6;--color-cream-2:#bdb5a5;--color-gold:#c4a46a;--color-cinnabar:#b5402a;--color-cinnabar-deep:#9a3422;--color-cinnabar-light:#e58a72;--color-mount:#b7c3b8;--color-celadon:#6aa89e;--color-line:#23201b1f;--color-line-2:#23201b38;--color-line-dark:#efe7d624;--color-tone-1:#b5402a;--color-tone-2:#94631a;--color-tone-3:#2f7a6c;--color-tone-4:#3b6a9e;--color-tone-0:#6f665a;--font-brush:"Ma Shan Zheng", "Noto Serif SC", "KaiTi", serif;--text-h1:1.44rem;--radius-btn:4px;--radius-seg:6px;--color-rule:var(--color-line);--color-grid:var(--color-cinnabar);--color-seal:var(--color-cinnabar-deep);--color-mark:#efe2c4;--color-mark-active:#f6ecd6;--font-han:var(--font-serif)}}@layer base{*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;-webkit-text-size-adjust:100%}html,body{height:100%}body{background:var(--bg-silk);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;line-height:1.55;display:flex}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--focus,var(--cinnabar-deep));outline-offset:2px;border-radius:2px}.on-dark{--focus:var(--cinnabar-light)}.hidden{display:none!important}.wrap{width:100%;max-width:780px;margin:0 auto}.warn{background:var(--cinnabar-deep);color:#fbf5ea;font-size:var(--t-sec);padding:var(--s-2) var(--s-6);text-align:center}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.2}h3{line-height:1.25}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.num{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}}@layer components{main{flex:1;padding:24px 20px 0}.center{text-align:center}.trn{flex-direction:column;flex:1;min-height:100dvh;display:flex}.trn-wrap{width:100%;max-width:var(--vp-wide);padding-inline:var(--gutter);margin-inline:auto}.trn-cap{display:inline-block}.trn-cap:first-letter{text-transform:uppercase}.warn{background:var(--cinnabar-deep);color:#fbf5ea;font-size:var(--t-sec);padding:var(--s-2) var(--s-6);text-align:center}.trn-top{padding-block:var(--s-4) var(--s-3)}.trn-top-row{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.trn-deck{align-items:center;gap:var(--s-4);min-width:0;display:flex;position:relative}.trn-deck-text{min-width:0}.trn-deck-title{font-family:var(--serif);font-size:var(--t-h3);color:var(--gold);font-weight:400;line-height:1.25}.trn-deck-title a{color:inherit}.trn-deck-title a:after{content:"";position:absolute;inset:0}.trn-deck-title a:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.trn-deck-sub{font-size:var(--t-sec);color:var(--cream-2);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.trn-learned-inline{display:none}.trn-top-right{align-items:center;gap:var(--s-6);flex:none;display:flex}.trn-stat{gap:var(--s-1);font-size:var(--t-sec);color:var(--cream-2);font-variant-numeric:tabular-nums;line-height:1.4;display:grid}.trn-stat-line{display:block}.trn-stat-line:first-letter,.trn-stat-sub:first-letter{text-transform:uppercase}.trn-stat-sub{font-size:var(--t-meta);display:block}.trn-progress{background:var(--line-dark);border-radius:2px;width:168px;height:4px;display:block;overflow:hidden}.trn-progress i{background:var(--gold);transform-origin:0;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.trn-progress i{transition:transform var(--motion-300) var(--ease-out)}}.trn-summary{justify-content:center;align-items:center;gap:var(--s-2);min-width:44px;min-height:44px;padding:0 var(--s-4);border-radius:var(--radius-btn);color:var(--cream);font-size:var(--t-sec);white-space:nowrap;background:0 0;border:1px solid #efe7d666;font-weight:500;line-height:1.25;display:inline-flex;position:relative}.trn-summary:hover{border-color:var(--cream);background:#efe7d60f}.trn-summary[aria-pressed=true]{background:var(--bg-paper);border-color:var(--paper);color:var(--ink);--focus:var(--cinnabar-deep)}.trn-summary-glyph{font-family:var(--brush);font-size:var(--t-h4);color:var(--gold);line-height:1.1}.trn-summary[aria-pressed=true] .trn-summary-glyph{color:var(--cinnabar)}.trn-tip{display:none}.trn-tabs{gap:var(--s-1);scrollbar-width:none;padding-top:var(--s-2);display:flex;position:relative;overflow-x:auto}.trn-tabs::-webkit-scrollbar{display:none}.trn-tab{align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-3);border-radius:var(--radius-seg) var(--radius-seg) 0 0;color:var(--cream-2);font-size:var(--t-sec);white-space:nowrap;flex:none;font-weight:500;display:inline-flex}.trn-tab:hover{color:var(--cream)}.trn-tab-hz{width:28px;height:28px;font-family:var(--serif);font-size:var(--t-body);color:var(--gold);border-radius:3px;place-items:center;line-height:1.1;display:inline-grid}.trn-tab[aria-pressed=true]{--focus:var(--cinnabar-deep);background:var(--bg-paper);color:var(--ink)}.trn-tab[aria-pressed=true] .trn-tab-hz{background:var(--cinnabar);color:#f6efe2;box-shadow:inset 0 0 0 2px var(--cinnabar),inset 0 0 0 3px #f6efe2b3}.trn-settings{background:var(--bg-paper);border-bottom:1px solid var(--line)}.trn-settings-toggle{display:none}.trn-set-rows{align-items:flex-start;gap:var(--s-4) var(--s-8);padding-block:var(--s-4);flex-wrap:wrap;display:flex}.trn-set-row{gap:var(--s-2);align-content:start;min-width:0;max-width:100%;display:grid}.trn-set-label{font-size:var(--t-sec);color:var(--ink-2);font-weight:500;line-height:1.4}.trn-set-controls{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.trn-set-help{font-size:var(--t-meta);color:var(--ink-2);max-width:40ch;line-height:1.4;display:block}.trn-set-help:first-letter{text-transform:uppercase}.trn-seg-hz{font-family:var(--serif);font-size:var(--t-body);font-weight:400}.trn-switch .count{font-size:var(--t-meta);font-variant-numeric:tabular-nums;color:var(--ink-2)}.trn-switch:disabled{cursor:not-allowed;color:var(--ink-3)}.trn-switch:disabled .track{opacity:.55}.trn main.trn-stage{padding:var(--s-4) var(--gutter) var(--s-8);flex:1}.trn-stage-inner{max-width:720px;margin-inline:auto}.trn-meta{justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-4);margin-bottom:var(--s-2);font-size:var(--t-sec);color:var(--ink-2);flex-wrap:wrap;line-height:1.4;display:flex}.trn-meta-mode{color:var(--cinnabar-deep);margin-right:var(--s-2);font-weight:500;display:inline-block}.trn-meta-mode:first-letter,.trn-meta-aside:first-letter{text-transform:uppercase}.trn-meta-aside{font-variant-numeric:tabular-nums;display:inline-block}.from-link{font-size:var(--t-sec);color:var(--ink-2);text-align:center;background:var(--bg-paper);border:1px solid var(--line);padding:var(--s-2) var(--s-4);margin:0 auto var(--s-4);max-width:520px;line-height:1.55}.from-link b{font-family:var(--serif);font-size:var(--t-h4);color:var(--ink);font-weight:400}.from-link .undo{font:inherit;color:var(--cinnabar-deep);padding:0 var(--s-1);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;text-decoration:underline}.trn .note{font-size:var(--t-sec);color:var(--ink-2);text-align:center;padding-block:var(--s-12)}.trn-strip{justify-items:center;gap:var(--s-2);margin-top:var(--s-6);display:grid}.trn-strip-line{font-size:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums}.trn-strip-line b{color:var(--ink);font-weight:500}.trn-strip-cells{justify-content:center;gap:var(--s-1);flex-wrap:wrap;display:flex}.trn-strip-cells li{border:1px solid var(--grid-line);background:var(--paper);width:12px;height:12px}.trn-strip-cells li.know{background:var(--ink);border-color:var(--ink)}.trn-strip-cells li.again{background:var(--cinnabar);border-color:var(--cinnabar)}.trn-strip-cells li.is-current{outline:2px solid var(--ink);outline-offset:1px}.trn-strip-legend{justify-content:center;gap:var(--s-4);font-size:var(--t-meta);color:var(--ink-2);display:flex}.trn-strip-legend span:before{content:"";width:8px;height:8px;margin-right:var(--s-1);vertical-align:1px;display:inline-block}.trn-strip-legend .l-know:before{background:var(--ink)}.trn-strip-legend .l-again:before{background:var(--cinnabar)}.trn-done{justify-items:center;gap:var(--s-3);text-align:center;display:grid}.trn-brush{font-family:var(--brush);color:var(--cinnabar);font-size:4rem;line-height:1.1}.trn-done h2{font-size:var(--t-h3);line-height:1.25}.trn-done p{color:var(--ink-2);max-width:44ch}.trn-done-forecast{margin-top:var(--s-3);display:block}.trn-done-forecast:first-letter{text-transform:uppercase}.trn-bar{z-index:20;background:var(--bg-paper);border-top:1px solid var(--line-2);padding:var(--s-3) var(--gutter) max(var(--s-3),env(safe-area-inset-bottom));position:sticky;bottom:0}.trn-bar .inner,.panel .inner{gap:var(--s-3);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;max-width:720px;margin:0 auto;display:grid}.trn-bar .foot{max-width:720px;margin:var(--s-2) auto 0;text-align:center;font-size:var(--t-meta);color:var(--ink-2);line-height:1.4}.trn-bar .foot:empty{display:none}.trn-bar .foot:first-letter{text-transform:uppercase}.btn{justify-content:center;align-items:center;gap:var(--s-3);min-height:56px;padding:0 var(--s-6);border:1px solid var(--cinnabar);border-radius:var(--radius-btn);font-size:var(--t-body);text-align:center;font-weight:500;line-height:1.25;display:inline-flex}.btn.solid{background:var(--cinnabar);color:#fbf5ea}.btn.solid:hover{background:var(--cinnabar-deep);border-color:var(--cinnabar-deep)}.btn.ghost{color:var(--ink);background:0 0;border-color:#23201b66}.btn.ghost:hover{border-color:var(--ink);background:#23201b0a}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:disabled:hover{background:0 0;border-color:#23201b66}.btn.solid:disabled:hover{background:var(--cinnabar);border-color:var(--cinnabar)}.btn kbd{text-transform:lowercase;display:inline-block}.btn kbd:first-letter{text-transform:uppercase}.trn-card.book{justify-items:center;gap:var(--s-3);padding:var(--s-12) var(--s-16) var(--s-8);text-align:center;display:grid}.trn-slip.book-slip{top:28px;left:28px}.trn-prompt{font-size:var(--t-sec);color:var(--ink-2);line-height:1.4}.trn-note{margin-top:calc(var(--s-2) * -1);font-size:var(--t-meta);color:var(--ink-2);line-height:1.4;display:block}.trn-subject{font-family:var(--serif);font-size:var(--t-h2);max-width:24ch;line-height:1.25}.trn-subject.py{font-family:var(--sans)}.trn-status{font-size:var(--t-sec);color:var(--ink-2);max-width:44ch}.trn-help{font-size:var(--t-meta);color:var(--ink-2);max-width:44ch;line-height:1.4}@media (prefers-reduced-motion:no-preference){.trn-card.book{animation:trn-enter var(--motion-200) var(--ease-out)}.trn-cells.is-revealed .mizi-glyph,.trn-cells.is-revealed .trn-py{animation:trn-appear var(--motion-200) var(--ease-out)}}@keyframes trn-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes trn-appear{0%{opacity:0}to{opacity:1}}.trn-cells{justify-items:center;gap:var(--s-2);display:grid}.trn-cells-row{justify-content:center;gap:var(--s-3);flex-wrap:wrap;display:flex;position:relative}.trn-cells.small .trn-cells-row{gap:2px}.trn-col{justify-items:center;gap:var(--s-1);display:grid}.trn-cells .mizi,.strokes .mizi{--cell:inherit}.trn-py{width:var(--cell);min-height:1.3em;font-size:var(--t-h2);text-align:center;white-space:nowrap;line-height:1.3;display:block}.trn-py[data-hidden]{visibility:hidden}.trn-py-line{font-size:var(--t-h4);color:var(--ink-2);line-height:1.4}.trn-cells .seal{border:2px solid var(--cinnabar-deep);background:var(--paper);width:52px;height:52px;color:var(--cinnabar-deep);font-family:var(--serif);font-size:var(--t-h2);opacity:0;pointer-events:none;border-radius:3px;place-items:center;line-height:1;display:grid;position:absolute;bottom:-16px;right:-16px;transform:rotate(-8deg)scale(1.2)}.trn-cells .seal.on{opacity:1;transform:rotate(-8deg)}@media (prefers-reduced-motion:no-preference){.trn-cells .seal{transition:opacity var(--motion-300) var(--ease-out),transform var(--motion-300) var(--ease-out)}}.trn-tr-row{justify-content:center;align-items:center;gap:var(--s-3);min-height:48px;display:flex}.trn-tr-row[data-hidden]{visibility:hidden}.trn-tr{font-family:var(--serif);font-size:var(--t-h3);line-height:1.3}.trn-answer-word{justify-items:center;gap:var(--s-2);padding-block:var(--s-2);display:grid}.trn-answer-word .trn-tr{font-size:var(--t-h4)}.slate{min-height:64px;padding:var(--s-2) 0 var(--s-3);border-bottom:1px solid var(--line-2);place-content:flex-start center;justify-self:stretch;gap:var(--s-2);flex-wrap:wrap;display:flex}.slate:empty:after{content:"Нажимай на слова снизу";font-size:var(--t-sec);color:var(--ink-2);align-self:center}.bank{justify-content:center;gap:var(--s-2);flex-wrap:wrap;min-height:48px;display:flex}.tile{border-radius:var(--radius-btn);border:1px solid #0000;padding:2px;line-height:0}.tile:hover,.tile.on-slate{border-color:var(--line-2)}.tile.used{opacity:.3;pointer-events:none}.tile.ok .mizi{border-color:var(--jade)}.tile.ok .mizi-glyph{color:var(--jade)}.tile.bad .mizi{border-color:var(--cinnabar-deep)}.tile.bad .mizi-glyph{color:var(--cinnabar-deep)}.opts{justify-self:stretch;gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.opt{min-height:88px;padding:var(--s-3);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--paper);place-items:center;display:grid}.opt:hover{border-color:var(--ink)}.opt.ok{border-color:var(--jade);box-shadow:inset 0 0 0 1px var(--jade)}.opt.ok .mizi-glyph{color:var(--jade)}.opt.bad{border-color:var(--cinnabar-deep);box-shadow:inset 0 0 0 1px var(--cinnabar-deep)}.opt.bad .mizi-glyph{color:var(--cinnabar-deep)}.opt.dim{opacity:.45}.zh-line{font-family:var(--serif);font-size:var(--t-h3);max-width:30ch;line-height:1.7}.gap{border-bottom:2px solid var(--cinnabar);text-align:center;min-width:2.1em;color:var(--cinnabar-deep);display:inline-block}.gap.filled{color:var(--ink);border-bottom-color:var(--ink-2)}.trn-play{justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-6);border-radius:var(--radius-btn);font-size:var(--t-body);color:var(--ink);border:1px solid #23201b66;font-weight:500;display:inline-flex}.trn-play:hover{border-color:var(--ink);background:#23201b0a}.trn-dictation{justify-self:stretch;justify-items:center;gap:var(--s-2);display:grid}.trn-field-label{font-size:var(--t-sec);color:var(--ink-2);font-weight:500}.dictation-input{width:min(420px,100%);min-height:48px;padding:var(--s-2) var(--s-3);border:1px solid var(--line-2);border-radius:var(--radius-btn);font-size:var(--t-h3);text-align:center;background:#fbf8f0;line-height:1.3;display:block}.dictation-input::placeholder{color:var(--ink-3)}.dictation-input:focus{border-color:var(--ink)}.feedback{justify-self:stretch;gap:var(--s-3);margin-top:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line);text-align:left;display:grid}.verdict{align-items:center;gap:var(--s-2);font-size:var(--t-body);font-weight:500;line-height:1.4;display:flex}.verdict .mark{width:32px;height:32px;font-family:var(--serif);font-size:var(--t-h4);border:1px solid;border-radius:3px;place-items:center;font-weight:400;line-height:1;display:inline-grid}.verdict.good{color:var(--ink)}.verdict.bad{color:var(--cinnabar-deep)}.trn-sentence{gap:var(--s-1);justify-items:start;display:grid}.sent{font-family:var(--serif);font-size:var(--t-h3);line-height:1.9}.tok{min-height:44px;font-family:var(--serif);font-size:inherit;border-bottom:1px dotted var(--line-2);padding:0 2px;line-height:44px;display:inline-block}.tok:hover{border-bottom-color:var(--ink-2);background:#23201b0f}.tok.marked{background:var(--color-mark);border-bottom:2px solid var(--cinnabar)}.tok.active{border-bottom:2px solid var(--ink);background:#fbf8f0}.tok.marked.active{background:var(--color-mark-active);border-bottom-color:var(--cinnabar-deep)}.pun{font-family:var(--serif);font-size:inherit;color:var(--ink-2)}.sent-py{font-size:var(--t-sec);color:var(--ink-2);line-height:1.4}.sent-ru{font-size:var(--t-sec);color:var(--ink);line-height:1.55}.peek{justify-self:stretch;align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-1);padding:var(--s-2) var(--s-3);border:1px solid var(--line);background:var(--silk);flex-wrap:wrap;display:flex}.peek .w{font-family:var(--serif);font-size:var(--t-h3);line-height:1.25}.peek .p{font-size:var(--t-sec);color:var(--ink-2)}.peek .m{min-width:120px;font-size:var(--t-sec);color:var(--ink);flex:1}.peek .act{min-height:44px;padding:0 var(--s-3);border-radius:var(--radius-btn);font-size:var(--t-sec);color:var(--ink);white-space:nowrap;border:1px solid #23201b66;font-weight:500}.peek .act:hover{border-color:var(--ink)}.peek .act.on{border-color:var(--cinnabar-deep);color:var(--cinnabar-deep)}.say{align-items:center;gap:var(--s-2);min-height:44px;font-size:var(--t-sec);color:var(--ink-2);font-weight:500;display:inline-flex}.say:hover{color:var(--cinnabar-deep)}.trn-credit{font-size:var(--t-meta);color:var(--ink-2);line-height:1.4}.trn-credit a{text-decoration:underline;-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:2px}.trn-credit a:hover{color:var(--ink);text-decoration-color:currentColor}.strokes{justify-content:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.strokes .mizi{overflow:hidden}.strokes .mizi .writer svg{display:block}.cell.active{outline:2px solid var(--cinnabar-light);outline-offset:3px}.cell.done{border-color:var(--ink-2)}.tally{justify-content:center;gap:var(--s-1) var(--s-4);font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.tally b{color:var(--ink);font-weight:500}.tally .m{color:var(--cinnabar-deep)}.note{color:var(--ink-2);text-align:center;margin-top:12px;font-size:13px;line-height:1.5}.trn-report{padding-bottom:var(--s-8)}.trn-report-title{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);font-size:var(--t-h3);line-height:1.25;display:flex}.trn-report-title .trn-brush{font-size:var(--t-h2)}.figures{border:1px solid var(--line);background:var(--bg-paper);box-shadow:var(--shadow-paper);margin-bottom:var(--s-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fig{padding:var(--s-3) var(--s-4);border-left:1px solid var(--line)}.fig:first-child{border-left:0}.fig .v{font-family:var(--serif);font-size:var(--t-h2);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:400;line-height:1.25}.fig .v small{font-size:var(--t-sec);color:var(--ink-2)}.fig .k{font-size:var(--t-meta);color:var(--ink-2);margin-top:var(--s-1);line-height:1.4}.fig.seal .v{color:var(--cinnabar-deep)}h3.sec{font-size:var(--t-sec);color:var(--ink);margin:var(--s-6) 0 var(--s-2);font-weight:600;line-height:1.4}.rounds{gap:var(--s-2);flex-direction:column;display:flex}.round{align-items:center;gap:var(--s-3);font-size:var(--t-sec);display:flex}.round .lab{width:64px;color:var(--ink-2);flex:none}.round .lab:first-letter{text-transform:uppercase}.round .track{background:var(--line-2);flex:1;height:8px;position:relative;overflow:hidden}.round .track i{background:var(--ink-2);position:absolute;inset:0 auto 0 0}.round .track.now i{background:var(--cinnabar)}.round .pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:48px}.round .when{text-align:right;width:72px;font-size:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.wordlist{border:1px solid var(--line);background:var(--bg-paper)}.wrow{align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-4);border-top:1px solid var(--line);display:flex}.wrow:first-child{border-top:0}.wrow .hz{width:88px;font-family:var(--serif);font-size:var(--t-h3);flex:none;line-height:1.25}.wrow .mid{flex:1;min-width:0;line-height:1.4}.wrow .py{font-size:var(--t-sec);color:var(--ink-2)}.wrow .ru{max-width:100%;font-size:var(--t-sec);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;vertical-align:top;display:inline-block;overflow:hidden}.wrow .score{text-align:right;width:48px;font-size:var(--t-sec);font-variant-numeric:tabular-nums;flex:none}.wrow .due{text-align:right;min-width:48px;font-size:var(--t-meta);color:var(--ink-2);white-space:nowrap;flex:none}.wrow .due button{min-height:44px;padding:0 var(--s-1);color:var(--cinnabar-deep);text-underline-offset:4px;line-height:44px;text-decoration:underline;display:inline-block}.wrow .due button:first-letter{text-transform:uppercase}.wrow.weak .score{color:var(--cinnabar-deep)}.wrow .del{border-radius:var(--radius-btn);width:44px;height:44px;color:var(--ink-2);flex:none;place-items:center;display:inline-grid;position:relative}.wrow .del:hover{color:var(--cinnabar-deep);background:#23201b0f}.wrow .del .trn-tip{z-index:5;padding:var(--s-1) var(--s-2);border-radius:var(--radius-btn);background:var(--ink);color:var(--paper);font-size:var(--t-meta);white-space:nowrap;opacity:0;pointer-events:none;line-height:1.4;display:block;position:absolute;bottom:calc(100% + 4px);right:0}.wrow .del:focus-visible .trn-tip{opacity:1}@media (hover:hover){.wrow .del:hover .trn-tip{opacity:1}}@media (prefers-reduced-motion:no-preference){.wrow .del .trn-tip{transition:opacity var(--motion-150) var(--ease-out)}}.empty-note{padding:var(--s-6) var(--s-4);text-align:center;font-size:var(--t-sec);color:var(--ink-2)}.tools{gap:var(--s-2);flex-wrap:wrap;display:flex}.tool{min-height:44px;padding:0 var(--s-4);border-radius:var(--radius-btn);font-size:var(--t-sec);color:var(--ink);border:1px solid #23201b66;align-items:center;font-weight:500;display:inline-flex}.tool:hover{border-color:var(--ink);background:#23201b0a}.tool.danger{color:var(--cinnabar-deep);border-color:#9a342280}.tool.danger:hover{border-color:var(--cinnabar-deep)}.explain{font-size:var(--t-sec);color:var(--ink-2);margin-top:var(--s-3);max-width:72ch;line-height:1.55}.explain.error{color:var(--cinnabar-deep)}.panel{border:1px solid var(--line);background:var(--bg-paper);box-shadow:var(--shadow-paper);flex-direction:column;display:flex;overflow:hidden}.panel-head{align-items:center;gap:0 var(--s-3);padding:var(--s-1) var(--s-4);font-size:var(--t-sec);flex-wrap:wrap;line-height:1.4;display:flex}.panel-name{color:var(--cream);font-weight:500}.panel-deck{color:var(--cream-2)}.panel-full{min-height:44px;color:var(--cinnabar-light);align-items:center;margin-left:auto;display:inline-flex}.panel-full:hover{text-underline-offset:4px;text-decoration:underline}.panel-stage{min-height:330px;padding:var(--s-6) var(--s-4) var(--s-2);flex-direction:column;flex:1;justify-content:center;display:flex}.panel .trn-card.book{box-shadow:none;background:0 0;border:0;padding:0}.panel .trn-card.book:before,.panel .trn-slip{display:none}.panel .trn-meta{justify-content:center}.panel .actions{padding:var(--s-3) var(--s-4) var(--s-4);border-top:1px solid var(--line)}.panel .actions .inner{min-height:56px}.panel .btn kbd{display:none}@media (max-width:767.98px){.panel-stage{min-height:300px;padding:var(--s-4) var(--s-3) var(--s-2)}}.panel .note{font-size:var(--t-sec)}.panel-tools{align-items:center;gap:0 var(--s-4);border-top:1px solid #efe7d61f;flex-wrap:wrap;flex-basis:100%;display:flex}.panel-tools .switch{color:var(--cream);font-weight:400}.panel-tools .switch .track{background:#efe7d666}.panel-tools .switch[aria-checked=true] .track{background:var(--cinnabar-light)}.panel-tools .switch:disabled{color:var(--cream-2)}.tap,.tap-dense{align-items:center;min-height:24px;display:inline-flex}@media (pointer:coarse){.tap{min-height:44px}.tap-dense{min-height:32px}}:target,h2[id],h3[id]{scroll-margin-top:1.5rem}:root{font-feature-settings:"pwid"}[lang|=zh]{font-feature-settings:normal}.button{justify-content:center;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border-radius:var(--radius-btn);font-family:var(--sans);font-size:var(--t-sec);text-align:center;white-space:nowrap;cursor:pointer;border:1px solid #0000;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex}.button-lg{min-height:48px;padding:0 var(--s-6);font-size:var(--t-body)}.button-block{width:100%;display:flex}.button-primary{background:var(--cinnabar);border-color:var(--cinnabar);color:#fbf5ea}.button-primary:hover{background:var(--cinnabar-deep);border-color:var(--cinnabar-deep)}.button-secondary{color:var(--ink);background:0 0;border-color:#23201b66}.button-secondary:hover{border-color:var(--ink);background:#23201b0a}.on-dark .button-secondary{color:var(--cream);border-color:#efe7d673}.on-dark .button-secondary:hover{border-color:var(--cream);background:#efe7d60f}.button-quiet{padding:0 var(--s-1);color:var(--ink-2);text-underline-offset:4px;background:0 0;text-decoration:underline;text-decoration-thickness:1px}.button-quiet:hover{color:var(--cinnabar-deep)}.button-danger{background:var(--cinnabar-deep);border-color:var(--cinnabar-deep);color:#fbf5ea}.button-danger:hover{background:#7f2b1c;border-color:#7f2b1c}.button:disabled{cursor:default;opacity:.55}.button[aria-busy=true]{cursor:progress;opacity:1}.button[aria-busy=true]:before{content:"";border:1.5px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px}@media (prefers-reduced-motion:no-preference){.button[aria-busy=true]:before{animation:.8s linear infinite ui-spin}}@keyframes ui-spin{to{transform:rotate(360deg)}}.icon-button{border-radius:var(--radius-btn);width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.icon-button:hover{color:var(--ink);background:#23201b0f}.on-dark .icon-button{color:var(--cream-2)}.on-dark .icon-button:hover{color:var(--cream);background:#efe7d614}.icon-button svg{width:20px;height:20px}.icon-button[data-tip]:after{content:attr(data-tip);top:calc(100% + var(--s-1));z-index:60;padding:var(--s-1) var(--s-2);border-radius:var(--radius-btn);background:var(--night);color:var(--cream);font-size:var(--t-meta);white-space:nowrap;pointer-events:none;opacity:0;font-weight:500;line-height:1.4;position:absolute;left:50%;transform:translate(-50%,-2px)}.icon-button[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}@media (hover:hover){.icon-button[data-tip]:hover:after{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference){.icon-button[data-tip]:after{transition:opacity var(--motion-150) var(--ease-out), transform var(--motion-150) var(--ease-out)}}.link{color:var(--cinnabar-deep);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.link:hover{text-decoration-thickness:2px}.on-dark .link{color:var(--cinnabar-light)}.back-link{align-items:center;gap:var(--s-2);min-height:44px;color:var(--ink-2);font-size:var(--t-sec);display:inline-flex}.back-link:hover{color:var(--cinnabar-deep)}kbd{font-family:var(--sans);font-size:var(--t-meta);padding:0 var(--s-1);opacity:.75;border:1px solid;border-radius:3px;font-weight:500;line-height:1.4}.field{gap:6px;display:grid}.field+.field,.field+.field-row,.field-row+.field{margin-top:var(--s-4)}.field-label{font-size:var(--t-sec);color:var(--ink);font-weight:500}.field-label .optional{color:var(--ink-2);font-weight:400}.field-hint{font-size:var(--t-meta);color:var(--ink-2);line-height:1.4}.field-error{font-size:var(--t-sec);color:var(--cinnabar-deep)}.input{width:100%;min-height:44px;padding:10px var(--s-3);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);font-weight:400;line-height:1.4;display:block}.input::placeholder{color:var(--ink-3)}.input:hover{border-color:#23201b66}.input:focus{border-color:var(--ink)}.input[aria-invalid=true]{border-color:var(--cinnabar-deep)}textarea.input{resize:vertical;line-height:1.55}select.input{appearance:none;padding-right:var(--s-8);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23574f43' stroke-width='1.5'/%3E%3C/svg%3E") right var(--s-3) center / 12px 8px no-repeat, var(--paper)}.input-han{font-family:var(--serif)}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--cinnabar);flex:none}.check{align-items:center;gap:var(--s-3);min-height:44px;font-size:var(--t-sec);cursor:pointer;display:flex}.form-status{align-items:baseline;gap:var(--s-2);margin-top:var(--s-2);font-size:var(--t-sec);display:flex}.form-status[data-tone=error]{color:var(--cinnabar-deep)}.form-status[data-tone=ok]{color:var(--ink)}.form-status[data-tone=ok]:before{content:"";border-bottom:1.5px solid;border-left:1.5px solid;flex:none;width:10px;height:6px;transform:translateY(-3px)rotate(-45deg)}.seg{border:1px solid var(--line-2);border-radius:var(--radius-seg);background:var(--silk);flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:2px;display:inline-flex}.seg>button,.seg>a,.seg>label{justify-content:center;align-items:center;gap:var(--s-1);min-width:44px;min-height:44px;padding:0 var(--s-3);border-radius:var(--radius-btn);color:var(--ink-2);font-size:var(--t-sec);white-space:nowrap;cursor:pointer;background:0 0;border:0;font-weight:500;display:inline-flex}.seg>label input{opacity:0;pointer-events:none;position:absolute}@media (hover:hover){.seg>:hover:not(:disabled,[aria-checked=true],[aria-pressed=true],[aria-current=page],:has(input:checked)){color:var(--ink);background:#23201b0f}}.seg>[aria-checked=true],.seg>[aria-pressed=true],.seg>[aria-current=page]{background:var(--ink);color:var(--paper)}.seg>label:has(input:checked){background:var(--ink);color:var(--paper)}.seg>label:has(input:focus-visible){outline:2px solid var(--cinnabar-deep);outline-offset:2px}.seg>:disabled{color:var(--ink-3);cursor:not-allowed}.seg .count{font-size:var(--t-meta);font-variant-numeric:tabular-nums;margin-left:var(--s-1)}.switch{align-items:center;gap:var(--s-3);min-height:44px;font-size:var(--t-sec);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;display:inline-flex}.switch .track{background:var(--line-2);border-radius:12px;flex:none;width:40px;height:24px;position:relative}.switch .track:after{content:"";background:var(--paper);border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #23201b40}.switch[aria-checked=true] .track{background:var(--ink)}.switch[aria-checked=true] .track:after{transform:translate(16px)}@media (prefers-reduced-motion:no-preference){.switch .track:after{transition:transform var(--motion-150) var(--ease-out)}}.paper{background:var(--bg-paper);border:1px solid var(--line);box-shadow:var(--shadow-paper)}.paper-flat{background:var(--bg-paper);border:1px solid var(--line)}.pad{padding:var(--s-6)}@media (max-width:767.98px){.pad{padding:var(--s-4)}}.night{background:var(--bg-night);color:var(--cream);--focus:var(--cinnabar-light)}.list-frame{background:var(--bg-paper);border:1px solid var(--line)}.list-frame>li+li{border-top:1px solid var(--line)}.row-link{align-items:center;gap:var(--s-4);min-height:56px;padding:var(--s-3) var(--s-4);color:inherit;display:flex}.row-link:after{content:"";border-top:1.5px solid var(--ink-3);border-right:1.5px solid var(--ink-3);flex:none;width:7px;height:7px;margin-left:auto;transform:rotate(45deg)}.row-link:hover{background:#23201b09}.row-link:hover:after{border-color:var(--cinnabar-deep)}.row-link:focus-visible{outline-offset:-2px}.row-main{flex:1;gap:2px;min-width:0;display:grid}.row-title{overflow-wrap:anywhere;font-weight:500}.row-meta{font-size:var(--t-sec);color:var(--ink-2)}.row-aside{font-size:var(--t-sec);color:var(--ink-2);text-align:right;flex:none}.row{align-items:center;gap:var(--s-2) var(--s-4);min-height:56px;padding:var(--s-3) var(--s-4);flex-wrap:wrap;display:flex}.table-scroll{background:var(--bg-paper);border:1px solid var(--line);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--t-sec);text-align:left}.data-table th{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap;font-weight:500}.data-table td{padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);vertical-align:baseline}.data-table tbody tr:first-child td{border-top:0}.data-table .num{text-align:right}.status{font-size:var(--t-sec);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.status:before{content:"";border:1.5px solid;border-radius:50%;flex:none;width:8px;height:8px}.status[data-status=submitted]{color:var(--ink)}.status[data-status=submitted]:before{background:var(--gold);border-color:#8a6a1f}.status[data-status=needs_rework]{color:var(--cinnabar-deep)}.status[data-status=needs_rework]:before{background:currentColor;border-radius:0;transform:rotate(45deg)}.status[data-status=accepted]{color:var(--ink)}.status[data-status=accepted]:before{border-width:0 0 1.5px 1.5px;border-radius:0;width:10px;height:6px;transform:translateY(-2px)rotate(-45deg)}.stats{background:var(--bg-paper);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stats>div{padding:var(--s-4);border-left:1px solid var(--line)}.stats>div:first-child{border-left:0}.stats b{font-family:var(--serif);font-weight:400;font-size:var(--t-h2);font-variant-numeric:tabular-nums;line-height:1.2;display:block}.stats span{font-size:var(--t-sec);color:var(--ink-2)}@media (max-width:767.98px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div:nth-child(odd){border-left:0}.stats>div:nth-child(n+3){border-top:1px solid var(--line)}}.page-head{align-items:flex-start;gap:var(--s-4) var(--s-6);flex-wrap:wrap;display:flex}.page-head-main{align-items:flex-start;gap:var(--s-4);flex:320px;min-width:0;display:flex}.page-head h1{font-size:var(--text-h1);overflow-wrap:anywhere}.page-head .term{margin-top:var(--s-1);font-size:var(--t-sec);color:var(--ink-2)}.page-head .lead{margin-top:var(--s-3);max-width:64ch;color:var(--ink-2);overflow-wrap:anywhere}.page-head-actions{gap:var(--s-2);flex-wrap:wrap;align-self:center;display:flex}.seal-v{writing-mode:vertical-rl;padding:var(--s-2) var(--s-1);background:var(--cinnabar);color:#f6efe2;box-shadow:inset 0 0 0 2px var(--cinnabar), inset 0 0 0 3px #f6efe2b3;font-family:var(--serif);font-weight:600;font-size:var(--t-h4);letter-spacing:.12em;border-radius:3px;flex:none;line-height:1.1}.seal-v-sm{font-size:var(--t-body)}.seal-sq{background:var(--cinnabar);color:#f6efe2;width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--cinnabar), inset 0 0 0 3px #f6efe2b3;font-family:var(--serif);font-weight:600;font-size:var(--t-body);border-radius:3px;flex:none;place-items:center;line-height:1.1;display:inline-grid}.sec-title{justify-content:space-between;align-items:baseline;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.sec-title h2{font-size:var(--t-h3)}.sec-title .aside{font-size:var(--t-sec);color:var(--ink-2)}.section{margin-top:var(--s-12)}.section-tight{margin-top:var(--s-8)}.term .py{font-style:normal}.book{--frame:#23201bc7;padding:var(--s-12) var(--s-12) var(--s-8);background:var(--bg-paper);border:1px solid var(--line);box-shadow:var(--shadow-paper);position:relative}.book:before{content:"";inset:var(--s-3);pointer-events:none;border:3px solid var(--frame);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px var(--frame);position:absolute}.book>*{position:relative}.book-slip{writing-mode:vertical-rl;padding:var(--s-3) var(--s-1);font-family:var(--brush);font-size:var(--t-h3);letter-spacing:.08em;color:var(--ink);background:#fbf8f0;border:1px solid #23201b8c;margin:0;line-height:1.1;position:absolute;top:28px;left:28px;box-shadow:inset 0 0 0 3px #fbf8f0,inset 0 0 0 4px #23201b47}.book-with-slip{padding-left:calc(var(--s-12) + 48px)}@media (max-width:767.98px){.book{padding:var(--s-8) var(--s-6) var(--s-6)}.book:before{inset:var(--s-2);border-width:2px}.book-slip{font-size:var(--t-h4);padding:var(--s-2) 2px;top:20px;left:20px}.book-with-slip{padding-left:calc(var(--s-6) + 32px)}}.mizi{--cell:96px;width:var(--cell);height:var(--cell);border:1px solid var(--grid-line);background:#f8f3e8;flex:none;place-items:center;display:grid;position:relative}.mizi:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, var(--grid-soft) 0 4px, transparent 4px 8px) center / 100% 1px no-repeat, repeating-linear-gradient(0deg, var(--grid-soft) 0 4px, transparent 4px 8px) center / 1px 100% no-repeat, linear-gradient(to top right, transparent calc(50% - .5px), var(--grid-diag) 50%, transparent calc(50% + .5px)), linear-gradient(to bottom right, transparent calc(50% - .5px), var(--grid-diag) 50%, transparent calc(50% + .5px));position:absolute;inset:0}.mizi>*{position:relative}.mizi-glyph{font-family:var(--serif);font-size:calc(var(--cell) * .7);color:var(--ink);line-height:1.1}.mizi-sm{--cell:48px}.mizi-md{--cell:72px}.mizi-lg{--cell:136px}.mizi .writer{touch-action:none;position:absolute;inset:0}.mizi-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.mizi-col{justify-items:center;gap:var(--s-1);display:grid}.mizi-py{font-size:var(--t-sec);font-weight:500;line-height:1.4}.t1{color:var(--t1)}.t2{color:var(--t2)}.t3{color:var(--t3)}.t4{color:var(--t4)}.t0{color:var(--t0)}.copybook{padding:var(--s-6) var(--s-6) var(--s-6) var(--s-8);background:linear-gradient(90deg, transparent 15px, #b5402a47 15px 16px, transparent 16px) 0 0 / 100% 100% no-repeat, repeating-linear-gradient(180deg, transparent 0 calc(1.75em - 1px), #3b6a9e29 calc(1.75em - 1px) 1.75em), var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-paper);line-height:1.75;position:relative}.copybook-text{overflow-wrap:anywhere;white-space:pre-wrap;max-width:68ch}.grade-seal{border:2px solid var(--cinnabar);width:56px;height:56px;color:var(--cinnabar);font-family:var(--brush);font-size:var(--t-h4);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;transform:rotate(-8deg)}.grade-seal[data-tone=rework]{border-style:dashed}.copybook .grade-seal{top:var(--s-4);right:var(--s-4);position:absolute}.copybook-has-seal{padding-right:calc(var(--s-6) + 64px)}.brush-wave{-webkit-text-decoration:underline wavy var(--cinnabar);-webkit-text-decoration:underline wavy var(--cinnabar);-webkit-text-decoration:underline wavy var(--cinnabar);text-decoration:underline wavy var(--cinnabar);text-underline-offset:4px;text-decoration-thickness:1.5px}.kagi{padding:var(--s-3) var(--s-4);position:relative}.kagi:before,.kagi:after{content:"";border:0 solid var(--cinnabar);width:14px;height:14px;position:absolute}.kagi:before{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.kagi:after{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.kagi-label{margin-bottom:var(--s-1);font-size:var(--t-sec);color:var(--ink-2);font-weight:500;display:block}.empty-state{justify-items:center;gap:var(--s-2);padding:var(--s-8) var(--s-6);text-align:center;background:var(--bg-paper);border:1px solid var(--line);display:grid}.empty-state .brush{font-family:var(--brush);color:var(--ink-3);font-size:3rem;line-height:1.1}.empty-state h3{font-family:var(--serif);font-weight:400;font-size:var(--t-h4)}.empty-state p{max-width:48ch;font-size:var(--t-sec);color:var(--ink-2)}.empty-state .button{margin-top:var(--s-2)}.empty-state-inline{background:0 0;border:0}.skeleton{background:var(--silk-2);border-radius:2px;display:block}@media (prefers-reduced-motion:no-preference){.skeleton{animation:ui-pulse 1.2s var(--ease-out) infinite alternate}}@keyframes ui-pulse{0%{opacity:1}to{opacity:.55}}.toast{left:50%;bottom:var(--s-6);z-index:70;align-items:center;gap:var(--s-3);max-width:min(480px,100vw - 32px);padding:var(--s-3) var(--s-4);border-radius:var(--radius-btn);background:var(--bg-night);color:var(--cream);font-size:var(--t-sec);display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #151b292e}@media (prefers-reduced-motion:no-preference){.toast{animation:ui-toast var(--motion-200) var(--ease-out)}}@media (prefers-reduced-motion:reduce){.toast{animation:ui-fade var(--motion-150) ease-out}}@keyframes ui-toast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}dialog.sheet{border:1px solid var(--line-2);background:var(--bg-silk);width:min(480px,100vw - 24px);max-height:calc(100dvh - 48px);color:var(--ink);margin:auto;padding:0;box-shadow:0 16px 48px #151b292e}dialog.sheet::backdrop{background:#151b2973}dialog.sheet-side{border-width:0 0 0 1px;width:min(440px,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;box-shadow:-8px 0 32px #151b291f}@media (prefers-reduced-motion:no-preference){dialog.sheet[open]{animation:ui-pop var(--motion-200) var(--ease-out)}dialog.sheet-side[open]{animation:ui-slide var(--motion-200) var(--ease-out)}}@media (prefers-reduced-motion:reduce){dialog.sheet[open]{animation:ui-fade var(--motion-150) ease-out}}@keyframes ui-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes ui-slide{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}.sheet-head{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-6);background:var(--bg-night);color:var(--cream);--focus:var(--cinnabar-light);display:flex}.sheet-head h2{align-items:center;gap:var(--s-3);font-size:var(--t-h4);color:var(--gold);display:flex}.sheet-head .icon-button{color:var(--cream-2)}.sheet-head .icon-button:hover{color:var(--cream);background:#efe7d614}.sheet-body{padding:var(--s-6)}.sheet-foot{justify-content:flex-end;gap:var(--s-3);padding:0 var(--s-6) var(--s-6);flex-wrap:wrap;display:flex}@media (max-width:767.98px){.sheet-body{padding:var(--s-4)}.sheet-head{padding-left:var(--s-4)}.sheet-foot{padding:0 var(--s-4) var(--s-4)}.sheet-foot .button{flex:auto}}.night>.sheet-head{background:0 0}.sheet-head .app-logo{font-size:var(--t-body)}.sheet-head .app-logo .seal-sq{width:28px;height:28px}.sheet-tabs{gap:var(--s-1);padding:0 var(--s-6);display:flex}.sheet-tabs button{min-height:44px;padding:0 var(--s-2);color:var(--cream-2);font-family:var(--sans);font-size:var(--t-sec);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px 6px 0 0;flex:1 1 0;font-weight:500}.sheet-tabs button:hover{color:var(--cream)}.sheet-tabs button[aria-pressed=true]{--focus:var(--cinnabar-deep);background:var(--bg-silk);color:var(--ink)}@media (max-width:767.98px){.sheet-tabs{padding:0 var(--s-2)}}.role-choice{gap:var(--s-1);width:100%;padding:var(--s-4);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--bg-paper);color:var(--ink);text-align:left;cursor:pointer;display:grid}.role-choice:hover:not(:disabled){border-color:var(--cinnabar)}.role-choice:disabled{cursor:wait;opacity:.6}.role-choice[aria-busy=true]{opacity:1;border-color:var(--cinnabar)}.role-choice-label{font-family:var(--serif);font-size:var(--t-h4);line-height:1.25}.role-choice-hint{font-size:var(--t-sec);color:var(--ink-2)}.page{width:100%;max-width:var(--vp-wide);padding-inline:var(--gutter);margin-inline:auto}.page-narrow{max-width:calc(880px + 2 * var(--gutter))}.prose-col{max-width:68ch}.app-header{z-index:40;border-bottom:1px solid var(--line-dark);position:relative}.app-bar{align-items:center;gap:var(--s-6);min-height:64px;display:flex}.app-logo{align-items:center;gap:var(--s-3);min-height:44px;color:var(--cream);font-family:var(--serif);font-size:var(--t-h4);letter-spacing:.01em;flex:none;font-weight:600;text-decoration:none;display:inline-flex}.app-logo .seal-sq{width:32px;height:32px;font-size:var(--t-h4)}.app-nav ul{gap:var(--s-1);display:flex}.app-nav a,.app-mobile .nav-row{min-height:44px;padding:0 var(--s-3);color:var(--cream-2);font-size:var(--t-sec);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.app-nav a:hover,.app-nav a[aria-current=page]{color:var(--cream)}.app-nav a[aria-current=page]{text-decoration:underline;-webkit-text-decoration-color:var(--gold);-webkit-text-decoration-color:var(--gold);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:6px}.app-actions{align-items:center;gap:var(--s-2);flex:none;margin-left:auto;display:flex}.app-lang{min-height:44px;padding:0 var(--s-2);color:var(--cream-2);font-size:var(--t-sec);align-items:center;text-decoration:none;display:inline-flex}.app-lang:hover{color:var(--cream);text-underline-offset:4px;text-decoration:underline}.app-menu-btn{justify-content:center;align-items:center;gap:var(--s-2);min-width:44px;min-height:44px;padding:0 var(--s-3);border-radius:var(--radius-btn);color:var(--cream);font-size:var(--t-sec);cursor:pointer;background:0 0;border:1px solid #efe7d64d;font-weight:500;display:none}.app-menu-btn:hover{border-color:var(--cream)}.app-mobile{border-top:1px solid var(--line-dark);padding-block:var(--s-2) var(--s-6)}.app-mobile .nav-row{border-bottom:1px solid var(--line-dark);min-height:48px;color:var(--cream);font-size:var(--t-body);padding:0;display:flex}.app-mobile .nav-row[aria-current=page]{text-decoration:underline;-webkit-text-decoration-color:var(--gold);-webkit-text-decoration-color:var(--gold);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:6px}.app-mobile .mobile-actions{gap:var(--s-3);margin-top:var(--s-6);display:grid}.app-mobile .app-lang{justify-content:center}@media (max-width:1279.98px){.app-nav{display:none}.app-menu-btn{display:inline-flex}}@media (max-width:767.98px){.app-bar{gap:var(--s-3);min-height:56px}.app-logo .seal-sq{width:28px;height:28px;font-size:var(--t-body)}.app-actions .app-lang,.app-actions .app-cta{display:none}.app-menu-btn{position:relative}.app-menu-btn .menu-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-menu-btn[data-tip]:after{content:attr(data-tip);top:calc(100% + var(--s-1));z-index:60;padding:var(--s-1) var(--s-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-size:var(--t-meta);white-space:nowrap;pointer-events:none;opacity:0;line-height:1.4;position:absolute;right:0}.app-menu-btn[data-tip]:focus-visible:after{opacity:1}}@media (max-width:767.98px) and (hover:hover){.app-menu-btn[data-tip]:hover:after{opacity:1}}@media (max-width:767.98px) and (prefers-reduced-motion:no-preference){.app-menu-btn[data-tip]:after{transition:opacity var(--motion-150) var(--ease-out)}}@media (min-width:1280px){.app-mobile{display:none!important}}.skip-link{min-height:44px;top:var(--s-2);left:var(--s-2);z-index:60;padding:var(--s-2) var(--s-3);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-size:var(--t-sec);align-items:center;display:inline-flex;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.cab-tabs ul{gap:var(--s-1);scrollbar-width:none;padding-top:var(--s-1);display:flex;overflow-x:auto}.cab-tabs ul::-webkit-scrollbar{display:none}.cab-tab{align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-4);color:var(--cream-2);font-size:var(--t-sec);white-space:nowrap;border-radius:6px 6px 0 0;flex:none;font-weight:500;text-decoration:none;display:inline-flex}.cab-tab .hz{width:28px;height:28px;font-family:var(--serif);font-size:var(--t-body);color:var(--gold);border-radius:3px;place-items:center;line-height:1.1;display:inline-grid}.cab-tab:hover{color:var(--cream)}.cab-tab[aria-current=page]{--focus:var(--cinnabar-deep);background:var(--bg-paper);color:var(--ink)}.cab-tab[aria-current=page] .hz{background:var(--cinnabar);color:#f6efe2;box-shadow:inset 0 0 0 2px var(--cinnabar), inset 0 0 0 3px #f6efe2b3}@media (max-width:767.98px){.cab-tabs ul{padding-right:var(--s-8);-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.cab-tab{padding:0 var(--s-3)}}.app-footer{margin-top:var(--s-16);padding-block:var(--s-8);border-top:1px solid var(--line-dark)}.app-footer-top{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-6);flex-wrap:wrap;display:flex}.app-footer .app-logo{font-size:var(--t-body)}.app-footer .app-logo .seal-sq{width:24px;height:24px;font-size:var(--t-sec)}.app-footer-note{font-size:var(--t-sec);color:var(--cream-2)}.app-footer nav ul{gap:0 var(--s-2);margin-top:var(--s-4);margin-inline:calc(-1 * var(--s-2));flex-wrap:wrap;display:flex}.app-footer nav a,.app-footer nav button{min-height:44px;padding:0 var(--s-2);color:var(--cream-2);font-size:var(--t-sec);cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:none;display:inline-flex}.app-footer nav a:hover,.app-footer nav button:hover{color:var(--cream);text-underline-offset:4px;text-decoration:underline}.app-footer-domain{margin-top:var(--s-4);font-size:var(--t-meta);color:var(--cream-2)}.lost{justify-items:center;gap:var(--s-4);padding-block:var(--s-16) var(--s-24);text-align:center;display:grid}.lost-glyph{font-family:var(--brush);color:var(--ink);font-size:7.5rem;line-height:1}.lost-code{font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums}.lost h1{font-size:var(--t-h1);max-width:22ch}.lost p{max-width:52ch;color:var(--ink-2)}.lost-actions{justify-content:center;align-items:center;gap:var(--s-3) var(--s-6);margin-top:var(--s-4);flex-wrap:wrap;display:flex}@media (max-width:767.98px){.lost{padding-block:var(--s-12) var(--s-16)}.lost-glyph{font-size:5.5rem}}.list-search{margin-bottom:var(--s-4)}.list-search-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.list-search-row .input{flex:240px;min-width:0;max-width:420px}.list-search-found{margin-top:var(--s-2);font-size:var(--t-sec);color:var(--ink-2)}.pager{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.pager-where{font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums}.pager [aria-disabled=true]{cursor:default;opacity:.6}@media (max-width:767.98px){.list-search-row .input{flex-basis:100%;max-width:none}.pager{grid-template-columns:1fr 1fr;grid-template-areas:"where where""prev next";display:grid}.pager-where{text-align:center;grid-area:where}.pager>:first-child{grid-area:prev;justify-self:start}.pager>:last-child{grid-area:next;justify-self:end}}.level-tag{font-size:var(--t-sec);color:var(--ink);white-space:nowrap;font-weight:500;line-height:1.4}.level-tag-none{color:var(--ink-2);font-weight:400}.home-level{align-items:center;gap:var(--s-2);min-height:44px;font-size:var(--t-sec);color:var(--ink-2);display:inline-flex}.home-level:hover{color:var(--cinnabar-deep)}.home-level:hover .level-tag{color:inherit}.home-note{margin-top:var(--s-6);max-width:64ch;font-size:var(--t-sec)}.home-glance{gap:var(--s-4);align-items:start;display:grid}@media (min-width:768px){.home-glance{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.home-glance-single{grid-template-columns:minmax(0,1fr)}}.home-today{justify-items:start;gap:var(--s-2);display:grid}.home-today-title,.wotd-title{font-size:var(--t-sec);font-weight:500;font-family:var(--sans);color:var(--ink-2);line-height:1.4}.home-today-count{font-family:var(--serif);font-size:var(--t-h4);line-height:1.25}.home-today-count b{font-weight:400;font-size:var(--t-display);font-variant-numeric:tabular-nums;line-height:1.2;display:block}.home-today-text{max-width:40ch;font-size:var(--t-sec);color:var(--ink-2)}.home-today .button{margin-top:var(--s-2)}.home-invite{gap:var(--s-1);padding:var(--s-4);display:grid}.home-invite-text{max-width:64ch;font-size:var(--t-sec);color:var(--ink-2)}.home-invite-actions{align-items:center;gap:var(--s-2) var(--s-4);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.home-new{margin-left:var(--s-2);font-size:var(--t-meta);color:var(--cinnabar-deep);white-space:nowrap;font-weight:500}.home-classes{gap:var(--s-6);display:grid}.home-class-title{margin-bottom:var(--s-2);font-size:var(--t-body);font-weight:500}.home-mate{justify-content:space-between}.home-tutor{gap:var(--s-1) var(--s-3)}.home-muted{font-size:var(--t-sec);color:var(--ink-2)}.prompt-card{align-items:center;gap:var(--s-4) var(--s-6);margin-top:var(--s-6);display:grid}@media (min-width:768px){.prompt-card{grid-template-columns:minmax(0,1fr) auto}}.prompt-card-title{font-family:var(--serif);font-size:var(--t-h4);line-height:1.25}.prompt-card-text{margin-top:var(--s-1);max-width:56ch;font-size:var(--t-sec);color:var(--ink-2)}.prompt-card-actions{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.wotd{align-content:start;gap:var(--s-3);max-width:640px;min-height:368px;display:grid}.wotd .mizi{--cell:80px}.wotd-word{align-items:flex-end;gap:var(--s-2);flex-wrap:wrap;display:flex}.wotd-word-wrap{gap:var(--s-1);display:grid}.wotd-py{font-size:var(--t-h2);font-weight:400;line-height:1.2}.wotd-meaning{-webkit-line-clamp:2;max-width:56ch;font-family:var(--serif);font-size:var(--t-h4);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.wotd-example{-webkit-line-clamp:2;max-width:56ch;font-size:var(--t-sec);color:var(--ink-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wotd-example-hz{font-family:var(--serif);font-size:var(--t-body);color:var(--ink)}.wotd-actions{align-items:center;gap:var(--s-2) var(--s-6);min-height:44px;font-size:var(--t-sec);flex-wrap:wrap;display:flex}.wotd-actions .link{align-items:center;min-height:44px;display:inline-flex}.wotd-skel-cell{width:80px;height:80px;margin-top:37px}.wotd-skel-line{width:70%;height:20px;margin-top:var(--s-3)}.wotd-skel-short{width:45%}.lv-runner{gap:var(--s-4);max-width:720px;display:grid}.lv-steps{align-items:center;gap:var(--s-1) var(--s-2);flex-wrap:wrap;display:flex}.lv-steps li{align-items:center;gap:var(--s-2);min-height:40px;padding-right:var(--s-2);font-size:var(--t-sec);color:var(--ink-2);font-weight:500;display:inline-flex}.lv-steps li+li:before{content:"";width:16px;height:1px;margin-right:var(--s-1);background:var(--line-2)}.lv-steps .hz{border:1px solid var(--line-2);width:28px;height:28px;font-family:var(--serif);font-size:var(--t-body);color:var(--ink-2);border-radius:3px;place-items:center;font-weight:400;line-height:1.1;display:inline-grid}.lv-steps [data-state=done] .hz{border-color:var(--ink);color:var(--ink)}.lv-steps [data-state=now]{color:var(--ink)}.lv-steps [data-state=now] .hz{border-color:var(--cinnabar);background:var(--cinnabar);color:#f6efe2;box-shadow:inset 0 0 0 2px var(--cinnabar), inset 0 0 0 3px #f6efe2b3}@media (max-width:767.98px){.lv-steps li:not([aria-current]) .label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lv-steps li{padding-right:0}.lv-steps li+li:before{width:8px}}.lv-meta{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-4);font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.lv-bar{background:var(--line-2);border-radius:2px;flex:160px;max-width:240px;height:4px;display:block;overflow:hidden}.lv-bar i{background:var(--gold);transform-origin:0;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.lv-bar i{transition:transform var(--motion-300) var(--ease-out)}}.lv-stage{gap:0;display:grid}@media (prefers-reduced-motion:no-preference){.lv-stage>*>.lv-card,.lv-stage>.lv-card{animation:lv-enter var(--motion-200) var(--ease-out)}}@media (prefers-reduced-motion:reduce){.lv-stage>*>.lv-card,.lv-stage>.lv-card{animation:lv-fade var(--motion-150) ease-out}}@keyframes lv-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lv-fade{0%{opacity:0}to{opacity:1}}.lv-card{gap:var(--s-6);display:grid}@media (max-width:767.98px){.lv-card .book-slip{display:none}.lv-card.book-with-slip{padding-left:var(--s-6)}}.lv-head{justify-items:center;gap:var(--s-3);text-align:center;display:grid}.lv-prompt{font-size:var(--t-sec);color:var(--ink-2)}.lv-cells{justify-content:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.lv-cells .mizi{--cell:112px}@media (max-width:767.98px){.lv-cells .mizi{--cell:80px}}.lv-meaning,.lv-translation{font-family:var(--serif);font-size:var(--t-h4);max-width:32ch;line-height:1.4}.lv-translation{font-size:var(--t-h3);line-height:1.25}.lv-options{gap:var(--s-2);display:grid}.lv-option{align-items:center;gap:var(--s-3);width:100%;min-height:56px;padding:var(--s-3) var(--s-4);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-size:var(--t-body);text-align:left;cursor:pointer;line-height:1.4;display:flex}.lv-option:hover:not(:disabled){border-color:var(--cinnabar)}.lv-option:disabled{cursor:wait;opacity:.6}.lv-option[aria-busy=true]{opacity:1;border-color:var(--cinnabar)}.lv-option-py{font-size:var(--t-h4);font-weight:500}.lv-option-radio:has(input:checked){border-color:var(--cinnabar);box-shadow:inset 0 0 0 1px var(--cinnabar)}.lv-option-radio:has(input:focus-visible){outline:2px solid var(--cinnabar-deep);outline-offset:2px}.lv-fieldset{gap:var(--s-3);border:0;min-width:0;margin:0;padding:0;display:grid}.lv-legend{margin-bottom:var(--s-3);font-family:var(--serif);font-size:var(--t-h4);padding:0;line-height:1.25}.lv-seg{background:var(--paper)}.lv-seg>label{min-height:44px}.lv-line,.lv-pool{justify-content:center;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.lv-line{min-height:68px;padding-bottom:var(--s-2);border-bottom:1px solid var(--ink)}.lv-tile{min-height:48px;padding:0 var(--s-3);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:var(--t-h3);cursor:pointer;align-items:center;line-height:1.2;display:inline-flex}.lv-tile:hover:not(:disabled),.lv-tile-placed{border-color:var(--ink)}.lv-hint{font-size:var(--t-meta);color:var(--ink-2);text-align:center;line-height:1.4}.lv-py{font-size:var(--t-h2);font-weight:400;line-height:1.2}.lv-write{margin-top:var(--s-1)}.lv-actions{z-index:5;align-items:center;gap:var(--s-2) var(--s-4);margin-top:var(--s-4);padding:var(--s-3) var(--s-4);background:var(--bg-paper);border:1px solid var(--line);border-top-color:var(--line-2);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.lv-actions .field-error{flex-basis:100%}@media (max-width:767.98px){.lv-actions{margin-inline:calc(-1 * var(--gutter));padding:var(--s-3) var(--gutter) max(var(--s-3), env(safe-area-inset-bottom));border-width:1px 0 0}.lv-actions .button{flex:auto}}.lv-wait{padding:var(--s-8) 0;color:var(--ink-2)}.lv-leave{font-size:var(--t-sec);color:var(--ink-2)}.lv-plan .row{flex-wrap:nowrap}.lv-plan-hz{border:1px solid var(--line-2);width:32px;height:32px;font-family:var(--serif);font-size:var(--t-h4);border-radius:3px;flex:none;place-items:center;line-height:1.1;display:inline-grid}.lv-plan-text{min-width:0}.lv-who{margin-block:var(--s-4);max-width:64ch;font-size:var(--t-sec);color:var(--ink-2)}.lv-done{padding-right:calc(var(--s-12) + 56px)}.lv-stamp{top:var(--s-8);right:var(--s-8);font-size:var(--t-body);letter-spacing:.04em;position:absolute}.lv-done-title{margin-bottom:var(--s-1);font-size:var(--t-sec);font-family:var(--sans);color:var(--ink-2);font-weight:500;line-height:1.4}@media (max-width:767.98px){.lv-done{padding-right:var(--s-6)}.lv-stamp{top:var(--s-6);right:var(--s-6)}.lv-done .lv-level{padding-right:64px}}.lv-level{font-family:var(--serif);font-size:var(--t-h2);font-weight:400;line-height:1.2}.lv-level-note{margin-top:var(--s-1);font-size:var(--t-sec);color:var(--ink-2)}.lv-skills{margin-top:var(--s-6)}.lv-skills .row{gap:var(--s-1) var(--s-6);min-height:48px;padding-block:var(--s-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.lv-skill{font-weight:500}.lv-skill-score{font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right}.lv-skill-note{font-size:var(--t-meta);display:block}@media (max-width:767.98px){.lv-skills .row{grid-template-columns:minmax(0,1fr) auto}.lv-skill-score{text-align:left;grid-area:2/1}.lv-rating{grid-area:1/2/span 2;align-self:center}}.lv-rating{font-size:var(--t-sec);color:var(--ink);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.lv-rating:before{content:"";border:1.5px solid;border-radius:50%;flex:none;width:8px;height:8px}.lv-rating[data-rating=strong]:before{border-width:0 0 1.5px 1.5px;border-radius:0;width:10px;height:6px;transform:translateY(-2px)rotate(-45deg)}.lv-rating[data-rating=mixed]:before{background:var(--gold);border-color:var(--t2)}.lv-rating[data-rating=weak]{color:var(--cinnabar-deep)}.lv-rating[data-rating=weak]:before{background:currentColor;border-radius:0;transform:rotate(45deg)}.lv-gaps-none{margin-top:var(--s-4);font-size:var(--t-sec);color:var(--ink-2)}.lv-gaps{gap:var(--s-6);margin-top:var(--s-6);display:grid}@media (min-width:768px){.lv-gaps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.lv-gaps h3{margin-bottom:var(--s-3);font-size:var(--t-sec);font-weight:600}.lv-gaps ul{gap:var(--s-3);display:grid}.lv-gap{align-items:center;gap:var(--s-3);font-size:var(--t-sec);display:flex}.lv-gap-cells{flex:none;gap:2px;display:flex}.lv-gap-cells .mizi{--cell:44px}.lv-gap-text{min-width:0;line-height:1.4;display:grid}.lv-gap-py{color:var(--ink-2)}.lv-survey{margin-top:var(--s-6);font-size:var(--t-sec);color:var(--ink-2)}.settings{gap:var(--s-8);margin-top:var(--s-8);display:grid}@media (min-width:768px){.settings{grid-template-columns:176px minmax(0,1fr)}}.settings-nav{display:none}@media (min-width:768px){.settings-nav{top:var(--s-6);align-self:start;display:block;position:sticky}}.settings-nav ul{border-left:1px solid var(--line-2);gap:2px;display:grid}.settings-nav a{min-height:44px;padding:0 var(--s-3);font-size:var(--t-sec);color:var(--ink-2);border-left:2px solid #0000;align-items:center;margin-left:-1px;display:flex}.settings-nav a:hover{color:var(--ink);border-left-color:var(--cinnabar)}.settings-body>.section:first-child{margin-top:0}.settings-body .section,.settings-danger{scroll-margin-top:var(--s-6)}.settings-body .section{margin-top:var(--s-12)}.settings-form{max-width:440px}.settings-text{max-width:64ch;font-size:var(--t-sec);color:var(--ink-2)}.settings-note{margin-top:var(--s-4);font-size:var(--t-sec);color:var(--ink-2)}.settings-danger{margin-top:var(--s-12);padding-top:var(--s-8);border-top:1px solid var(--line-2)}.settings-danger h2{margin-bottom:var(--s-3);font-size:var(--t-h3);color:var(--cinnabar-deep)}.field-label .field-hint{font-weight:400}.row-split{align-items:center;display:flex}.row-split>.row-link{flex:auto;min-width:0}.row-split>form{padding-right:var(--s-3);flex:none}.row-plain{flex-wrap:nowrap;justify-content:space-between}.row-plain>.row-main{flex:auto}.row-plain>form,.row-plain>.row-aside{flex:none}.row-title .note{margin-left:var(--s-2);font-size:var(--t-meta);color:var(--ink-2);font-weight:400}@media (max-width:767.98px){.row-split>.row-link,.row-split>form{padding-right:var(--s-2)}.row-link-stack .row-aside-stack{gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.row-link-stack{row-gap:var(--s-1);padding-right:var(--s-8);flex-wrap:wrap;position:relative}.row-link-stack:after{right:var(--s-4);margin-top:-4px;position:absolute;top:50%}.row-link-stack .row-main{flex-basis:100%}.row-link-stack .row-aside{text-align:left}}.inline-form{align-items:flex-end;gap:var(--s-2) var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.inline-form>.field{flex:240px;min-width:0;margin:0}.invite-grid{gap:var(--s-4);display:grid}@media (min-width:768px){.invite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.invite-grid>.paper-flat{flex-direction:column;display:flex}.panel-title{font-family:var(--serif);font-size:var(--t-h4);font-weight:400;line-height:1.2}.panel-text{margin-top:var(--s-1);font-size:var(--t-sec);color:var(--ink-2);max-width:64ch}.section-text{margin-bottom:var(--s-4);max-width:64ch;color:var(--ink-2)}.form-col{max-width:560px}.jump-nav{z-index:20;margin-top:var(--s-6);background:var(--bg-silk);border-bottom:1px solid var(--line-2);position:sticky;top:0}.jump-nav ul{gap:var(--s-1);scrollbar-width:none;display:flex;overflow-x:auto}.jump-nav ul::-webkit-scrollbar{display:none}.jump-nav a{min-height:44px;padding:0 var(--s-3);color:var(--ink-2);font-size:var(--t-sec);white-space:nowrap;flex:none;align-items:center;font-weight:500;display:inline-flex}.jump-nav a:hover{color:var(--ink)}.jump-nav li:first-child a{padding-left:0}.section h2[id]{scroll-margin-top:64px}.tab-row{margin-top:var(--s-6);border-bottom:1px solid var(--line-2)}.tab-row ul{gap:var(--s-1);scrollbar-width:none;display:flex;overflow-x:auto}.tab-row ul::-webkit-scrollbar{display:none}.tab-row a{min-height:44px;padding:0 var(--s-3);color:var(--ink-2);font-size:var(--t-sec);white-space:nowrap;flex:none;align-items:center;font-weight:500;display:inline-flex}.tab-row li:first-child a{padding-left:0}.tab-row a:hover{color:var(--ink)}.tab-row a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.tab-row+.stats,.tab-row+.section{margin-top:var(--s-8)}.danger-actions{gap:var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.settings-sheet>*+*{border-top:1px solid var(--line)}.settings-sheet>section{padding:var(--s-6)}.settings-sheet h2{font-size:var(--t-h4)}@media (max-width:767.98px){.settings-sheet>section{padding:var(--s-4)}}.copy-link{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.copy-link .input{min-width:0;font-size:var(--t-sec);flex:240px}.bar{background:var(--line-2);height:6px;overflow:hidden}.bar>span{background:var(--gold);transform-origin:0;height:100%;display:block}.deck-grid{gap:var(--s-4);display:grid}@media (min-width:768px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.deck-stack{gap:var(--s-3);display:grid}.deck-card{gap:var(--s-3);align-content:start;display:grid}.deck-head{justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.deck-head h3{font-family:var(--serif);font-size:var(--t-h4);font-weight:400;line-height:1.25}.deck-head h3 a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px}.deck-head h3 a:hover{color:var(--cinnabar-deep);text-decoration-color:currentColor}.deck-head .when{font-size:var(--t-meta);color:var(--ink-2)}.deck-meta{font-size:var(--t-sec);color:var(--ink-2)}.student-facts{gap:var(--s-1) var(--s-4);font-size:var(--t-sec);grid-template-columns:auto 1fr;display:grid}.student-facts dt{color:var(--ink-2)}.student-facts dd{font-variant-numeric:tabular-nums}.mini-label{font-size:var(--t-meta);color:var(--ink-2)}.mizi-xs{--cell:36px}.mizi-xs .mizi-glyph{font-size:22px}.glyph-row{gap:var(--s-2);margin-top:var(--s-1);flex-wrap:wrap;display:flex}.glyph-word{display:inline-flex}.glyph-word .mizi+.mizi{border-left:0}.glyph-cap{justify-items:start;gap:var(--s-1);display:grid}.glyph-cap>span:last-child{font-size:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums}.wmark{flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.wmark>i{border-radius:50%;width:12px;height:12px;display:block}.wmark[data-status=learned]>i{background:var(--t3)}.wmark[data-status=learning]>i{border:1.5px solid var(--t2);background:linear-gradient(90deg, var(--t2) 50%, transparent 50%)}.wmark[data-status=overdue]>i{background:var(--cinnabar);border-radius:1px;width:10px;height:10px;transform:rotate(45deg)}.wmark[data-status=new]>i{border:1.5px solid var(--ink-3);width:8px;height:8px}.legend{gap:var(--s-2) var(--s-6);font-size:var(--t-sec);color:var(--ink-2);flex-wrap:wrap;display:flex}.legend li{align-items:center;gap:var(--s-2);display:inline-flex}.report-bar{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-top:var(--s-8);flex-wrap:wrap;display:flex}.report-bar .field{margin:0}@media (max-width:767.98px){.sec-title .aside:has(.sort-seg){flex-basis:100%}.sort-seg{flex-wrap:nowrap;width:100%}.sort-seg>a{padding:0 var(--s-2);flex:auto}}.seg>[aria-current=true]{background:var(--ink);color:var(--paper)}.pgrid{width:auto;min-width:100%}.pgrid th,.pgrid td{padding:var(--s-2) var(--s-1);vertical-align:middle}.pgrid .who{z-index:1;min-width:168px;padding-left:var(--s-4);padding-right:var(--s-4);background:var(--paper);text-align:left;white-space:nowrap;box-shadow:inset -1px 0 0 var(--line);font-weight:400;position:sticky;left:0}.pgrid thead .who{vertical-align:bottom}.pgrid .who a{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px;align-items:center;font-weight:500;display:flex}.pgrid .who a:hover{color:var(--cinnabar-deep);text-decoration-color:currentColor}.pgrid .who .when{font-size:var(--t-meta);color:var(--ink-2);display:block}.pgrid .pct{padding-left:var(--s-3);padding-right:var(--s-3);text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2)}.pgrid thead .pct{vertical-align:bottom}.pgrid .w{text-align:center;width:44px}.pgrid td.pct,.pgrid th.pct{width:56px}.pgrid thead .w{vertical-align:bottom}.pgrid .word-col{flex-direction:column;display:inline-flex}.pgrid .word-col .mizi{--cell:28px}.pgrid .word-col .mizi+.mizi{border-top:0}.pgrid .word-col .mizi-glyph{font-size:17px}.pcards>li{padding:0 var(--s-4)}.pcards summary{justify-content:space-between;align-items:center;gap:var(--s-1) var(--s-3);min-height:56px;padding:var(--s-2) 0;cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}.pcards summary::-webkit-details-marker{display:none}.pcards summary .name{align-items:center;gap:var(--s-2);font-weight:500;display:inline-flex}.pcards summary .name:before{content:"";border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.pcards details[open] summary .name:before{transform:translateY(2px)rotate(-135deg)}.pcards summary .when{font-size:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums}.pcards .body{gap:var(--s-3);padding-bottom:var(--s-4);display:grid}.pcards .words{gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.pcards .words li{align-items:center;gap:var(--s-2);font-family:var(--serif);font-size:var(--t-body);display:inline-flex}.cred-table td.secret{letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.cred-table td.login{white-space:nowrap;font-weight:500}.cred-actions{gap:var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.check-top{padding-top:var(--s-3);align-items:flex-start}.check-top input{margin-top:2px}@media (max-width:767.98px){.tab-row ul,.jump-nav ul{padding-right:var(--s-8);-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.report-stats .stats>div:nth-child(3):last-child{grid-column:span 2}}.word-cells-wrap{gap:var(--s-1);justify-items:start;display:inline-grid}.word-cells{flex-wrap:nowrap;padding-left:1px;display:inline-flex}.word-col{justify-items:center;margin-left:-1px;display:grid}.word-col .mizi{--cell:40px}.word-py{min-height:1.4em;font-size:var(--t-meta);font-weight:500;line-height:1.4}.word-py-line{font-size:var(--t-sec);color:var(--ink-2)}.word-link{min-width:44px;min-height:44px;color:inherit;display:inline-block}.word-link:hover .mizi{border-color:var(--cinnabar)}.word-table td{vertical-align:middle}.word-table td:first-child{white-space:nowrap;width:1%}.word-meaning{min-width:12ch}@media (max-width:767.98px){.word-col .mizi{--cell:36px}}.form-sheet{max-width:680px}.form-actions{align-items:center;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.form-note{margin-top:var(--s-2);font-size:var(--t-sec);color:var(--ink-2)}.form-grid{gap:var(--s-4);margin-top:var(--s-4);display:grid}@media (min-width:768px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.inline-form{align-items:flex-end;gap:var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;max-width:680px;display:flex}.inline-form>.grow{flex:256px;min-width:0}.file-input{max-width:100%;font-size:var(--t-sec);color:var(--ink-2);display:block}.file-input::file-selector-button{min-height:44px;margin-right:var(--s-3);padding:0 var(--s-4);border-radius:var(--radius-btn);color:var(--ink);font-family:var(--sans);font-size:var(--t-sec);cursor:pointer;background:0 0;border:1px solid #23201b66;font-weight:500}.file-input:hover::file-selector-button{border-color:var(--ink)}.disclosure{margin-top:var(--s-4)}.disclosure>summary{align-items:center;gap:var(--s-2);min-height:44px;font-size:var(--t-sec);color:var(--ink);cursor:pointer;font-weight:500;list-style:none;display:inline-flex}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transform:rotate(-45deg)}.disclosure[open]>summary:before{transform:rotate(45deg)}.disclosure>summary:hover{color:var(--cinnabar-deep)}.url-link{overflow-wrap:anywhere}.new-mark{margin-right:var(--s-2);font-size:var(--t-meta);color:var(--cinnabar-deep);align-items:center;gap:6px;font-weight:500;display:inline-flex}.new-mark:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.row-aside-stack{justify-items:end;gap:2px;display:grid}@media (max-width:767.98px){.rows-stack .row-link{row-gap:var(--s-1);flex-wrap:wrap}.rows-stack .row-main{flex-basis:calc(100% - 32px)}.rows-stack .row-aside,.rows-stack .row-aside-stack{text-align:left;flex-basis:100%;order:3;justify-items:start}}.row-split{justify-content:space-between}.row-split .row-main{flex:240px}.task-body{font-size:var(--t-body);line-height:1.55}.task-meta{margin-top:var(--s-4);font-size:var(--t-sec);color:var(--ink-2)}.task-meta .link{font-size:var(--t-body)}.task-book{min-height:160px}@media (max-width:767.98px){.task-book{min-height:120px}}.review-item{padding:var(--s-6)}.review-item-head{justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex}.review-item-head .name{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px;align-items:center;font-weight:500;display:inline-flex}.review-item-head .name:hover{color:var(--cinnabar-deep);text-decoration-color:currentColor}.review-item-meta{align-items:center;gap:var(--s-1) var(--s-3);font-size:var(--t-sec);color:var(--ink-2);flex-wrap:wrap;display:flex}.review-item .copybook{margin-top:var(--s-3)}.review-form{margin-top:var(--s-4)}@media (max-width:767.98px){.review-item{padding:var(--s-4)}}.answer-grid{--cell:44px;flex-wrap:wrap;padding-top:1px;padding-left:1px;display:flex}.answer-grid+.answer-grid{margin-top:var(--s-3)}.answer-grid .mizi{--cell:inherit;width:var(--cell);height:var(--cell);margin-top:-1px;margin-left:-1px}@media (max-width:767.98px){.answer-grid{--cell:36px}}.copybook.copybook-cells{background:var(--bg-paper);line-height:1.55}.answer-body-sealed{padding-right:72px}.copybook-note{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px dashed var(--line-2);line-height:1.55}.copybook-note .kagi{max-width:68ch}.copybook-foot{margin-top:var(--s-3);font-size:var(--t-sec);color:var(--ink-2);line-height:1.55}@media (max-width:767.98px){.copybook{padding:var(--s-4) var(--s-4) var(--s-4) var(--s-6)}.answer-body-sealed{padding-right:56px}.copybook .grade-seal{top:var(--s-3);right:var(--s-3);width:48px;height:48px;font-size:var(--t-body)}}.danger-zone{margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid var(--line-2)}.danger-zone h2{font-size:var(--t-h4)}.danger-zone p{margin-top:var(--s-1);max-width:64ch;font-size:var(--t-sec);color:var(--ink-2)}.danger-zone form{margin-top:var(--s-4)}.queue-item{padding:var(--s-4) var(--s-6)}.queue-kind{gap:var(--s-1) var(--s-3);font-size:var(--t-sec);color:var(--ink-2);flex-wrap:wrap;display:flex}.queue-kind .hidden-mark{color:var(--cinnabar-deep)}.queue-text{margin-top:var(--s-2);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:68ch;display:-webkit-box;overflow:hidden}.queue-reasons{margin-top:var(--s-1);font-size:var(--t-sec);color:var(--ink-2)}.queue-actions{align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-3);flex-wrap:wrap;display:flex}@media (max-width:767.98px){.queue-item{padding:var(--s-4)}}.invite-card{max-width:560px;margin-inline:auto}.invite-who{margin-top:var(--s-6);font-family:var(--serif);font-size:var(--t-h4);overflow-wrap:anywhere;line-height:1.4}.invite-who b{font-weight:600}.invite-text{margin-top:var(--s-3);font-size:var(--t-sec);color:var(--ink-2);line-height:1.55}.invite-action{margin-top:var(--s-6)}.invite-action>p{color:var(--ink-2)}.invite-foot{margin-top:var(--s-6);text-align:center}@media (max-width:767.98px){.invite-card.book{padding:var(--s-8) var(--s-6) var(--s-6)}}.ready-head{margin-top:var(--s-4)}.ready-actions{align-items:center;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.ready-table,.ready-foot{margin-top:var(--s-8)}.list-progress{font-size:var(--t-meta);color:var(--cinnabar-deep);flex:none;font-weight:500}.shell-wait{gap:var(--s-3);margin-top:var(--s-6);min-height:40vh;display:grid}.shell-wait .skeleton{height:56px}.shell-wait .skeleton:first-child{width:min(420px,80%);height:32px}.atl{align-items:center;gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:inline-flex;position:relative}.atl-toggle{min-height:44px;padding:0 var(--s-1);color:var(--ink);font-family:var(--sans);font-size:var(--t-sec);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-weight:500;text-decoration-thickness:1px;display:inline-flex}.atl-toggle svg{flex:none;width:14px;height:14px}.atl-toggle:hover,.atl-toggle[aria-expanded=true]{color:var(--cinnabar-deep);text-decoration-color:currentColor}.atl-compact .atl-toggle,.atl-status{font-size:var(--t-meta);color:var(--ink-2)}.atl-pop{z-index:30;width:min(320px,100vw - 32px);margin-top:var(--s-1);padding:var(--s-2);background:var(--bg-paper);border:1px solid var(--line-2);font-size:var(--t-sec);position:absolute;top:100%;left:0;box-shadow:0 8px 24px #151b291f}@media (prefers-reduced-motion:no-preference){.atl-pop{animation:atl-in var(--motion-150) var(--ease-out)}}@keyframes atl-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.atl-note{padding:var(--s-2);color:var(--ink-2)}.atl-lists{max-height:240px;overflow-y:auto}.atl-lists button{justify-content:space-between;align-items:center;gap:var(--s-3);width:100%;min-height:44px;padding:0 var(--s-2);border-radius:var(--radius-btn);color:var(--ink);font-family:var(--sans);font-size:var(--t-sec);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.atl-lists button:hover{background:#23201b0f}.atl-lists .n{font-size:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.atl-new{gap:var(--s-2);margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--line);display:flex}.atl-new .input{min-width:0;font-size:var(--t-sec);flex:1}.tool-head{margin-top:var(--s-4)}.tool-head .lead p+p{margin-top:var(--s-3)}.tool-note{margin-top:var(--s-3);font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums}.credit{margin-top:var(--s-3);font-size:var(--t-meta);color:var(--ink-2);line-height:1.4}.credit a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.credit a:hover{color:var(--cinnabar-deep)}.tool-article{margin-top:var(--s-16);padding-top:var(--s-12);border-top:1px solid var(--line)}.tool-article>h2,.tool-section>h2{font-size:var(--t-h3);line-height:1.25}.tool-article>*+h2{margin-top:var(--s-12)}.tool-article>h3,.tool-section h3{font-family:var(--serif);font-size:var(--t-h4);line-height:1.3}.tool-article>p,.tool-section>p{max-width:68ch;margin-top:var(--s-3);color:var(--ink-2)}.tool-article>h2+p,.tool-section>h2+p{margin-top:var(--s-3)}.tool-section{margin-top:var(--s-12)}.tool-section-lined{padding-top:var(--s-12);border-top:1px solid var(--line)}.def-rows{margin-top:var(--s-4);border-top:1px solid var(--line)}.def-rows>div{align-items:baseline;gap:var(--s-1) var(--s-6);padding-block:var(--s-3);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.def-rows dt{width:var(--dt,8rem);overflow-wrap:anywhere;flex:none;font-weight:500}.def-rows dd{min-width:0;max-width:66ch;color:var(--ink-2);flex:24ch}.def-rows .han{font-family:var(--serif);font-size:var(--t-h4);font-weight:400}.faq{margin-top:var(--s-4);border-top:1px solid var(--line)}.faq>div{padding-block:var(--s-4);border-bottom:1px solid var(--line)}.faq dt{font-weight:500}.faq dd{max-width:68ch;margin-top:var(--s-1);color:var(--ink-2)}.more-links{gap:0 var(--s-6);margin-top:var(--s-8);flex-wrap:wrap;display:flex}.more-links a{align-items:center;min-height:44px;display:inline-flex}.num-examples{gap:var(--s-2);margin-top:var(--s-3);display:grid}.num-examples li{align-items:baseline;gap:0 var(--s-3);flex-wrap:wrap;display:flex}.num-examples .digits{min-width:7rem;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.num-examples .han{font-family:var(--serif);font-size:var(--t-h4)}.num-examples .py{font-size:var(--t-sec);color:var(--ink-2)}.tool-grid{gap:var(--s-4);margin-top:var(--s-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-card{gap:var(--s-2) var(--s-4);padding:var(--s-6);background:var(--bg-paper);border:1px solid var(--line);grid-template-rows:auto 1fr auto;grid-template-columns:auto minmax(0,1fr);display:grid}.tool-card .mizi{grid-row:1/span 3}.tool-card h2{font-size:var(--t-h4);line-height:1.3}.tool-card h2 a{color:inherit}.tool-card h2 a:hover{color:var(--cinnabar-deep)}.tool-card p{font-size:var(--t-sec);color:var(--ink-2)}.tool-card .button{margin-top:var(--s-2);justify-self:start}@media (max-width:767.98px){.tool-grid{grid-template-columns:minmax(0,1fr)}.tool-card{padding:var(--s-4);gap:var(--s-2) var(--s-3)}}.drill{background:var(--bg-silk);border:1px solid var(--line);box-shadow:var(--shadow-paper)}.drill-set{align-items:flex-start;gap:var(--s-4) var(--s-8);padding:var(--s-4) var(--s-6);background:var(--bg-paper);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.drill-set-row{gap:var(--s-2);border:0;min-width:0;margin:0;padding:0;display:grid}.drill-set-label{font-size:var(--t-sec);color:var(--ink-2);padding:0;font-weight:500}legend.drill-set-label{margin-bottom:var(--s-2)}.drill-stage{padding:var(--s-6)}.drill-stage-inner{max-width:720px;margin-inline:auto}.drill-meta{justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-4);margin-bottom:var(--s-2);font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.drill-card{justify-items:center;gap:var(--s-3);text-align:center;display:grid}.drill-prompt{font-size:var(--t-sec);color:var(--ink-2)}.drill-bar{gap:var(--s-2);padding:var(--s-3) var(--s-6);background:var(--bg-paper);border-top:1px solid var(--line-2);display:grid}.drill-bar-buttons{justify-content:center;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.drill-act{min-width:min(280px,100%);min-height:56px;padding:0 var(--s-6);font-size:var(--t-body)}.drill-hint{text-align:center;min-height:1.4em;font-size:var(--t-meta);color:var(--ink-2);line-height:1.4}@media (max-width:767.98px){.drill-set{padding:var(--s-3) var(--s-4)}.drill-stage{padding:var(--s-4)}.drill-bar{padding:var(--s-3) var(--s-4)}.drill-act{flex:auto}}.drill-done{justify-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-6);text-align:center;display:grid}.drill-done .brush{font-family:var(--brush);color:var(--cinnabar);font-size:4rem;line-height:1.1}.drill-done h2{font-size:var(--t-h3);line-height:1.25}.drill-done p{max-width:44ch;color:var(--ink-2)}.drill-done .score{font-family:var(--serif);font-size:var(--t-display);color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}.drill-done .actions{justify-content:center;gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.misses{align-items:center;gap:6px;display:flex}.misses span{border:1px solid var(--grid-line);background:var(--paper);width:14px;height:14px}.misses span[data-on=true]{background:var(--cinnabar);border-color:var(--cinnabar)}.writer-sky{border-bottom:1px solid var(--line-2)}.writer-py{font-size:var(--t-h2);font-weight:500;line-height:1.25}@media (min-width:768px){.writer-py{font-size:var(--t-display)}}.writer-timer{height:4px;margin:var(--s-4) auto 0;background:var(--line);border-radius:2px;max-width:320px;overflow:hidden}.writer-timer>div{background:var(--gold);transform-origin:0;height:100%}.review-row{align-items:flex-start;gap:var(--s-4);display:flex}.ws-form{gap:var(--s-4);display:grid}.ws-input-row{gap:var(--s-3);flex-wrap:wrap;display:flex}.ws-input-row .input{min-width:0;font-size:var(--t-h3);flex:16rem}.ws-options{align-items:flex-end;gap:var(--s-4) var(--s-8);flex-wrap:wrap;display:flex}.ws-note{padding:var(--s-3) var(--s-4);border-left:2px solid var(--cinnabar);background:var(--bg-paper);font-size:var(--t-sec)}.py-bar{z-index:10;align-items:center;gap:var(--s-2) var(--s-6);margin-bottom:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--bg-paper);border:1px solid var(--line);flex-wrap:wrap;display:flex}@media (min-width:768px){.py-bar{position:sticky;top:0}}.py-bar-hint{font-size:var(--t-sec);color:var(--ink-2)}.py-bar-say{align-items:center;gap:var(--s-1);flex-wrap:wrap;display:flex}.py-say{color:var(--ink);font-size:var(--t-h4);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.py-say.t1{-webkit-text-decoration-color:var(--t1);-webkit-text-decoration-color:var(--t1);-webkit-text-decoration-color:var(--t1);text-decoration-color:var(--t1)}.py-say.t2{-webkit-text-decoration-color:var(--t2);-webkit-text-decoration-color:var(--t2);-webkit-text-decoration-color:var(--t2);text-decoration-color:var(--t2)}.py-say.t3{-webkit-text-decoration-color:var(--t3);-webkit-text-decoration-color:var(--t3);-webkit-text-decoration-color:var(--t3);text-decoration-color:var(--t3)}.py-say.t4{-webkit-text-decoration-color:var(--t4);-webkit-text-decoration-color:var(--t4);-webkit-text-decoration-color:var(--t4);text-decoration-color:var(--t4)}.py-say:hover{color:var(--cinnabar-deep)}.level-groups{border-top:1px solid var(--line)}.level-group{border-bottom:1px solid var(--line)}.level-group>summary{align-items:baseline;gap:var(--s-1) var(--s-4);min-height:56px;padding-block:var(--s-3);cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}.level-group>summary::-webkit-details-marker{display:none}.level-group>summary:before{content:"";width:7px;height:7px;margin-right:var(--s-1);border-bottom:1.5px solid;border-right:1.5px solid;align-self:center;transform:rotate(-45deg)}.level-group[open]>summary:before{transform:rotate(45deg)}.level-group>summary:hover .level-name{color:var(--cinnabar-deep)}.level-name{font-family:var(--serif);font-size:var(--t-h4)}.level-meta{font-size:var(--t-sec);color:var(--ink-2)}.level-group>.list-frame{margin-bottom:var(--s-4)}.quiz-mark{width:8rem;font-family:var(--serif);font-size:var(--t-h4);color:var(--ink);flex:none;line-height:1.3}@media (max-width:767.98px){.quiz-mark{width:5rem;font-size:var(--t-body)}}.quiz-row{align-items:flex-start}.quiz-row:after{align-self:center}.photo-progress{appearance:none;background:var(--line);border:0;border-radius:2px;width:100%;height:4px;display:block;overflow:hidden}.photo-progress::-webkit-progress-bar{background:var(--line)}.photo-progress::-webkit-progress-value{background:var(--gold)}.photo-progress::-moz-progress-bar{background:var(--gold)}.qa-filters{gap:var(--s-3);margin-top:var(--s-6);display:grid}.qa-filters .seg>a{text-decoration:none}.qa-meta{gap:0 var(--s-3);font-size:var(--t-sec);color:var(--ink-2);flex-wrap:wrap;display:flex}.qa-meta>*+:before{content:"·";margin-right:var(--s-3)}.qa-question{margin-top:var(--s-4)}.qa-question h1{font-size:var(--text-h1);overflow-wrap:anywhere}.qa-answer{padding:var(--s-4)}.qa-answer[data-hidden=true]{opacity:.6}.qa-actions{align-items:center;gap:var(--s-1) var(--s-4);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.vote{align-items:center;gap:var(--s-1);display:inline-flex}.vote-score{text-align:center;min-width:2ch;font-size:var(--t-sec);font-variant-numeric:tabular-nums}.vote [data-on=true] .icon-button{color:var(--cinnabar-deep);border-color:var(--line-2);background:var(--bg-paper)}.qa-tags{gap:0 var(--s-6);flex-wrap:wrap;display:flex}.drill-card .pt-opts{justify-self:stretch;width:100%}@media (max-width:767.98px){.tone-opts>:last-child:nth-child(odd){grid-column:1/-1}}.tone-reveal{justify-content:center;align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;min-height:48px;display:flex}.tone-result{margin-top:var(--s-6)}.tone-pair{align-items:baseline;gap:var(--s-2);min-height:44px;padding:var(--s-2) var(--s-3);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);text-align:left;display:flex}button.tone-pair{cursor:pointer}button.tone-pair:hover{border-color:var(--ink)}.tone-pair .han{font-family:var(--serif);font-size:var(--t-h4)}.drill-score{align-items:center;gap:0 var(--s-6);min-height:56px;font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.drill-score .button{margin-left:auto}.quiz-progress{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.quiz-progress>div{background:var(--gold);transform-origin:0;height:100%}@media (prefers-reduced-motion:no-preference){.quiz-progress>div{transition:transform var(--motion-300) var(--ease-out)}}.quiz-opt{align-items:baseline;gap:var(--s-3);width:100%;min-height:48px;padding:var(--s-3) var(--s-4);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-size:var(--t-body);text-align:left;cursor:pointer;display:flex}.quiz-opt:hover:not(:disabled){border-color:var(--ink)}.quiz-opt:disabled{cursor:default}.quiz-opt[data-state=right]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.quiz-opt[data-state=wrong]{border-color:var(--cinnabar-deep);box-shadow:inset 0 0 0 1px var(--cinnabar-deep)}.quiz-opt[data-state=rest]{opacity:.55}@media (prefers-reduced-motion:no-preference){.quiz-opt{transition:opacity var(--motion-150) var(--ease-out)}}.quiz-key{min-width:1.5em;font-size:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.quiz-mark-note{padding-left:var(--s-3);font-size:var(--t-sec);color:var(--ink);margin-left:auto}.quiz-built{align-items:flex-end;gap:var(--s-2);min-height:60px;margin-top:var(--s-6);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-2);flex-wrap:wrap;display:flex}.quiz-word{align-items:baseline;gap:var(--s-2);min-height:44px;padding:var(--s-2) var(--s-4);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:var(--t-h4);cursor:pointer;line-height:1.3;display:inline-flex}.quiz-word .quiz-key{font-family:var(--sans)}.quiz-word:hover:not(:disabled){border-color:var(--ink)}.quiz-word:disabled{cursor:default}.quiz-word[data-used]{opacity:.3}.quiz-word[data-placed]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.quiz-word[data-placed]:hover:not(:disabled){border-color:var(--cinnabar-deep);background:var(--cinnabar-deep)}@media (prefers-reduced-motion:no-preference){.quiz-word{transition:opacity var(--motion-150) var(--ease-out)}}.ref{padding-block:var(--s-6) var(--s-8)}.ref strong{color:var(--ink);font-weight:600}.ref,.ref-hero,.ref-band{font-feature-settings:"pwid" 1}.ref [lang|=zh],.ref-hero [lang|=zh],.ref-band [lang|=zh]{font-feature-settings:normal}.ref-head{margin-top:var(--s-6);padding-bottom:var(--s-8);border-bottom:1px solid var(--line)}.ref-head h1{max-width:30ch}.ref-head .lead>p{max-width:68ch}.ref-head .lead>p+p{margin-top:var(--s-3)}.ref-head .lead .ref-dek{font-size:var(--t-h4);color:var(--ink);line-height:1.55}.ref-head .lead .ref-small{font-size:var(--t-sec)}.ref-head-actions{align-items:center;gap:var(--s-3) var(--s-4);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.ref-updated{font-size:var(--t-sec);color:var(--ink-2)}.ref-sec{margin-top:var(--s-12);padding-top:var(--s-12);border-top:1px solid var(--line)}.ref-sec-plain{margin-top:var(--s-12)}.ref-sec>h2,.ref-sec-plain>h2,.ref-h2{max-width:34ch;font-size:var(--t-h3)}.ref-p{margin-top:var(--s-3);max-width:68ch;color:var(--ink-2)}.ref-note{margin-top:var(--s-4);max-width:68ch;font-size:var(--t-sec);color:var(--ink-2)}.ref-block{margin-top:var(--s-6)}.ref-actions{align-items:center;gap:var(--s-3) var(--s-4);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.ref-brief{margin-top:var(--s-8)}.ref-brief h2{font-size:var(--t-h4)}.ref-points{counter-reset:ref-pt;gap:var(--s-4);margin-top:var(--s-4);display:grid}.ref-points>li{counter-increment:ref-pt;grid-template-columns:var(--s-8) minmax(0, 1fr);gap:var(--s-3);max-width:72ch;color:var(--ink-2);display:grid}.ref-points>li:before{content:counter(ref-pt, cjk-decimal);font-family:var(--serif);font-size:var(--t-h4);color:var(--cinnabar-deep);line-height:1.3}.ref-points .ref-point-title{font-size:var(--t-body);color:var(--ink);font-weight:600;display:block}.ref-points .ref-point-body{margin-top:var(--s-1);display:block}.ref-points-loose{gap:var(--s-6);margin-top:var(--s-6)}.ref-table{font-variant-numeric:tabular-nums;min-width:520px}.ref-table-wide{min-width:600px}.ref-table caption{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);text-align:left;color:var(--ink-2)}.ref-table thead th.num{text-align:right}.ref-table tbody th{padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);color:var(--ink);text-align:left;vertical-align:baseline;border-bottom:0;font-weight:500}.ref-table tbody tr:first-child th{border-top:0}.ref-table .muted{color:var(--ink-2)}.ref-table .strong{font-weight:600}.ref-strip{background:var(--bg-paper);border:1px solid var(--line);overflow:hidden}.ref-strip>ul{flex-wrap:wrap;margin:-1px 0 0 -1px;display:flex}.ref-strip li{border-top:1px solid var(--line);border-left:1px solid var(--line);flex:104px}.ref-strip a{justify-content:center;align-items:center;gap:var(--s-2);min-height:56px;padding:var(--s-2) var(--s-3);color:var(--ink);font-family:var(--serif);font-size:var(--t-h4);text-align:center;line-height:1.25;display:flex}.ref-strip a:hover{color:var(--cinnabar-deep);background:#23201b09}.ref-strip a:focus-visible{outline-offset:-2px}.ref-strip .count{font-family:var(--sans);font-size:var(--t-sec);color:var(--ink-2);font-variant-numeric:tabular-nums}.ref-strip-toc li{flex-basis:184px}.ref-strip-toc a{min-height:48px;padding-inline:var(--s-4);font-family:var(--sans);font-size:var(--t-sec);text-align:left;justify-content:space-between;font-weight:500}.ref-defs{gap:var(--s-4);margin-top:var(--s-6);display:grid}.ref-defs>div,.ref-defs>li{padding-left:var(--s-4);border-left:2px solid var(--line-2)}.ref-defs>.is-current{border-left-color:var(--cinnabar)}.ref-defs dt,.ref-defs .ref-def-title{color:var(--ink);font-weight:600}.ref-defs dd,.ref-defs .ref-def-body{margin-top:var(--s-1);max-width:64ch;color:var(--ink-2)}.ref-faq{margin-top:var(--s-6);background:var(--bg-paper);border:1px solid var(--line)}.ref-faq>div{padding:var(--s-4) var(--s-6)}.ref-faq>div+div{border-top:1px solid var(--line)}.ref-faq dt{font-family:var(--serif);font-size:var(--t-h4);font-weight:600;line-height:1.3}.ref-faq dd{margin-top:var(--s-2);max-width:68ch;color:var(--ink-2)}.ref-timeline{margin-top:var(--s-6)}.ref-timeline>li{gap:var(--s-1) var(--s-6);padding:var(--s-4);grid-template-columns:9rem minmax(0,1fr);display:grid}.ref-timeline .when{font-family:var(--serif);font-size:var(--t-body);color:var(--ink)}.ref-timeline .what{max-width:62ch;color:var(--ink-2)}.ref-coverage{margin-top:var(--s-6);font-variant-numeric:tabular-nums}.ref-coverage>li{gap:var(--s-1) var(--s-4);padding:var(--s-3) var(--s-4);font-size:var(--t-sec);grid-template-columns:7rem 9rem minmax(0,1fr);align-items:baseline;display:grid}.ref-coverage .lvl{color:var(--ink);font-weight:500}.ref-coverage .rest{color:var(--ink-2)}.ref-bar{background:var(--silk-2);grid-column:1/-1;height:4px}.ref-bar:before{content:"";width:var(--share,0%);background:var(--gold);height:100%;display:block}.ref-goals>li{align-items:baseline;gap:var(--s-1) var(--s-4);padding:var(--s-3) var(--s-4);flex-wrap:wrap;display:flex}.ref-goals .goal{flex:16rem;font-weight:600}.ref-goals .need{color:var(--ink-2);flex:20rem}.ref-stats dt,.ref-stats dd{text-align:left}.ref-stats dt{font-size:var(--t-sec);color:var(--ink-2)}.ref-stats .value{margin-top:var(--s-1);font-family:var(--serif);font-size:var(--t-h2);font-variant-numeric:tabular-nums;line-height:1.2}.ref-stats .note{margin-top:var(--s-1);font-size:var(--t-meta);color:var(--ink-2);line-height:1.4}.ref-pager{justify-content:space-between;gap:var(--s-4);margin-top:var(--s-12);padding-top:var(--s-4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.ref-pager a{align-items:center;min-height:44px;font-weight:500;display:inline-flex}.ref-pager a:hover{color:var(--cinnabar-deep)}.ref-index{margin-top:var(--s-8)}.ref-index .row-link{padding:var(--s-4) var(--s-6)}.ref-entry-title{font-family:var(--serif);font-size:var(--t-h4);font-weight:400;line-height:1.3}.row-link:hover .ref-entry-title{color:var(--cinnabar-deep)}.ref-index .row-meta{max-width:62ch}.ref-deck{gap:var(--s-4) var(--s-6);padding:var(--s-6);grid-template-columns:auto minmax(0,1fr);display:grid}.ref-deck h2{font-size:var(--t-h3)}.ref-deck h2 a:hover{color:var(--cinnabar-deep)}.ref-deck .sub{margin-top:var(--s-1);font-size:var(--t-sec);color:var(--ink-2)}.ref-deck .blurb{margin-top:var(--s-3);max-width:62ch;color:var(--ink-2)}.ref-deck .deck-facts{margin-top:var(--s-3);font-size:var(--t-sec);color:var(--ink-2)}.ref-deck .ref-actions{margin-top:var(--s-4)}.ref-facts-line{margin-top:var(--s-4);font-size:var(--t-sec);color:var(--ink-2)}.ref-cells{row-gap:var(--s-2);vertical-align:middle;flex-wrap:wrap;padding-left:1px;display:inline-flex}.ref-cells .col{justify-items:center;margin-left:-1px;display:grid}.ref-cells .py{font-size:var(--t-meta);color:var(--ink-2);font-weight:500;line-height:1.4}.ref-cells-sm .mizi{--cell:40px}.ref-cells-md .mizi{--cell:56px}.ref-cells-lg .mizi{--cell:104px}.ref-cells-lg .py{margin-bottom:var(--s-1);font-family:var(--serif);font-size:var(--t-h2);font-weight:400;line-height:1.2}.ref-cells-lg .col{gap:0}@media (max-width:767.98px){.ref-cells-lg .mizi{--cell:72px}.ref-cells-md .mizi{--cell:48px}.ref-cells-sm .mizi{--cell:36px}}a:hover .ref-cells .mizi,a:hover.ref-cell-link .mizi{border-color:var(--cinnabar)}.ref-words>li>a,.ref-words>li>.row{align-items:center;gap:var(--s-2) var(--s-4);min-height:56px;padding:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.ref-words>li>a:hover{background:#23201b09}.ref-words>li>a:focus-visible{outline-offset:-2px}.ref-words .w-py{font-size:var(--t-sec);color:var(--ink-2);flex:0 0 8rem}.ref-words .w-pos{font-size:var(--t-meta);color:var(--ink-2);flex:none}.ref-words .w-mean{flex:14ch;min-width:0}.ref-words .w-lvl{font-size:var(--t-meta);color:var(--ink-2);flex:none;margin-left:auto}.ref-words a:hover .w-mean{color:var(--cinnabar-deep)}@media (max-width:767.98px){.ref-words .w-py{flex-basis:auto}}.ref-glyphs{gap:var(--s-4);flex-wrap:wrap;display:flex}.ref-glyphs>li{justify-items:center;gap:var(--s-1);text-align:center;width:96px;display:grid}.ref-glyphs .g-py{font-size:var(--t-sec);color:var(--ink-2)}.ref-glyphs .g-mean{max-width:100%;font-size:var(--t-meta);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.ref-cell-link{min-width:44px;min-height:44px;display:inline-block}.ref-card{margin-top:var(--s-6)}.ref-card h1{justify-items:start;gap:var(--s-4);display:grid}.ref-card .gloss{max-width:34ch;font-family:var(--serif);font-size:var(--t-h3);overflow-wrap:anywhere;line-height:1.3}.ref-card .gloss-title{font-size:var(--text-h1);line-height:1.2}.ref-card .sense{margin-top:var(--s-3);max-width:62ch;color:var(--ink-2)}.ref-card-row{align-items:flex-start;gap:var(--s-6) var(--s-8);flex-wrap:wrap;display:flex}.ref-card-row>.main{flex:280px;min-width:0}.ref-card-tools{align-items:center;gap:var(--s-2) var(--s-4);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.ref-card-tools:empty{display:none}.ref-facts{gap:var(--s-3) var(--s-8);margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.ref-facts dt{font-size:var(--t-meta);color:var(--ink-2);line-height:1.4}.ref-facts dd{font-size:var(--t-body);margin-top:2px}.ref-wsec{margin-top:var(--s-12)}.ref-wsec>h2{margin-bottom:var(--s-4);padding-bottom:var(--s-2);border-bottom:1px solid var(--line);font-size:var(--t-h3)}.ref-wsec-intro{margin-bottom:var(--s-6);max-width:62ch;color:var(--ink-2)}.ref-meanings>li{align-items:baseline;gap:var(--s-1) var(--s-4);padding:var(--s-3) var(--s-4);flex-wrap:wrap;display:flex}.ref-meanings .m-py{font-family:var(--serif);font-size:var(--t-h4);flex:none}.ref-meanings .m-pos{font-size:var(--t-sec);color:var(--ink-2);flex:none}.ref-meanings .m-text{flex:20ch;min-width:0}.ref-meanings .m-lvl{font-size:var(--t-sec);flex:none}.ref-examples>li{padding:var(--s-4) var(--s-6)}.ref-ex-line{align-items:flex-start;gap:var(--s-2);display:flex}.ref-ex-zh{min-width:0;font-family:var(--serif);font-size:var(--t-h3);line-height:1.5}.ref-ex-py{margin-top:var(--s-1);font-size:var(--t-sec);color:var(--ink-2)}.ref-ex-tr{margin-top:var(--s-1)}.ref-credit{align-items:center;gap:0 var(--s-2);margin-top:var(--s-2);font-size:var(--t-meta);color:var(--ink-2);flex-wrap:wrap;line-height:1.4;display:flex}.ref-credit a{min-height:24px;color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;align-items:center;display:inline-flex}.ref-credit a:hover{color:var(--ink);text-decoration-color:currentColor}@media (pointer:coarse){.ref-credit a{min-height:44px}}.ref-gloss{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.ref-gloss>li{align-items:baseline;gap:var(--s-1) var(--s-2);padding:var(--s-1) var(--s-2);border:1px solid var(--line);background:var(--silk);display:flex}.ref-gloss>li.focus{border-color:var(--grid-line);box-shadow:inset 0 -2px 0 var(--cinnabar)}.ref-gloss .t-hz{font-family:var(--serif);font-size:var(--t-h4)}.ref-gloss .t-py,.ref-gloss .t-mean{font-size:var(--t-meta);color:var(--ink-2);line-height:1.4}.ref-classifiers{gap:var(--s-3);display:grid}.ref-classifiers .reading{font-size:var(--t-sec);color:var(--ink-2)}.ref-classifiers ul{align-items:center;gap:var(--s-3) var(--s-6);flex-wrap:wrap;display:flex}.ref-classifiers li{align-items:center;gap:var(--s-2);display:flex}.ref-classifiers .c-py{font-size:var(--t-sec);color:var(--ink-2)}.ref-inline-hz{font-family:var(--serif);font-size:var(--t-h4);color:var(--ink)}.ref-charlinks{align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-6);color:var(--ink-2);flex-wrap:wrap;display:flex}.ref-cta{margin-top:var(--s-12)}.ref-cta .title{font-family:var(--serif);font-size:var(--t-h4);line-height:1.3}.ref-cta .body{margin-top:var(--s-2);max-width:58ch;font-size:var(--t-sec);color:var(--ink-2)}.ref-cta .ref-actions{margin-top:var(--s-4)}.ref-sublist+.ref-sublist{margin-top:var(--s-6)}.ref-caption{margin-bottom:var(--s-2);font-size:var(--t-sec);color:var(--ink-2)}.ref-report{margin-top:var(--s-8);font-size:var(--t-sec);color:var(--ink-2)}.ref-strokes{gap:var(--s-8);display:grid}.ref-stroke-fig{margin:0}.ref-stroke-row{align-items:flex-start;gap:var(--s-4);flex-wrap:wrap;display:flex}.ref-stroke-big,.ref-stroke-step{border:1px solid var(--grid-line);background:#f8f3e8;flex:none}.ref-stroke-big{width:136px;height:136px}.ref-stroke-big.compact{width:92px;height:92px}.ref-stroke-steps{gap:var(--s-1);flex-wrap:wrap;display:flex}.ref-stroke-step{width:52px;height:52px}.ref-stroke-step.compact{width:36px;height:36px}.ref-stroke-fig figcaption{margin-top:var(--s-2);font-size:var(--t-sec);color:var(--ink-2)}@media (max-width:767.98px){.ref-stroke-big{width:112px;height:112px}.ref-stroke-step{width:44px;height:44px}}.ref-writer{gap:var(--s-3);justify-items:start;display:grid}.ref-writer .mizi{--cell:220px}.ref-writer-status{min-height:1.55em;font-size:var(--t-sec);color:var(--ink-2)}.ref-search-field{max-width:680px}.ref-search-field .input{min-height:56px;font-size:var(--t-h4)}.ref-search-hint{max-width:62ch;color:var(--ink-2)}.ref-results{margin-top:var(--s-4)}.ref-results>li{align-items:center;gap:var(--s-1);padding-right:var(--s-2);display:flex}.ref-results>li>a{flex:auto;min-width:0}.ref-details{margin-top:var(--s-8)}.ref-details>summary{align-items:center;gap:var(--s-2);min-height:44px;font-size:var(--t-sec);color:var(--ink);cursor:pointer;font-weight:500;list-style:none;display:inline-flex}.ref-details>summary::-webkit-details-marker{display:none}.ref-details>summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transform:rotate(-45deg)}.ref-details[open]>summary:before{transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.ref-details>summary:before{transition:transform var(--motion-150) var(--ease-out)}}.ref-details>summary:hover{color:var(--cinnabar-deep)}.ref-sources{margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid var(--line)}.ref-sources p{max-width:68ch;font-size:var(--t-sec);color:var(--ink-2)}.ref-sources p+p{margin-top:var(--s-3)}.ref-display{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.ref-display .seg>button{min-width:44px}.ref-display .hz{font-family:var(--serif);font-size:var(--t-body)}.ref-display-note{font-size:var(--t-sec);color:var(--ink-2);flex-basis:100%}.ref-hero{padding-block:var(--s-12) var(--s-12)}.ref-hero h1{max-width:24ch;font-size:var(--t-h1)}.ref-hero .lead .ref-dek{font-size:var(--t-h4);line-height:1.55}@media (min-width:768px){.ref-hero h1{font-size:var(--t-display)}}.ref-band{border-block:1px solid var(--line);background:var(--bg-paper)}.ref-band-in{padding-block:var(--s-12)}.ref-features{gap:var(--s-8) var(--s-12);margin-top:var(--s-8);counter-reset:ref-pt;display:grid}@media (min-width:768px){.ref-features{grid-template-columns:repeat(2,minmax(0,1fr))}}.ref-features>div{counter-increment:ref-pt;grid-template-columns:var(--s-8) minmax(0, 1fr);column-gap:var(--s-3);display:grid}.ref-features>div:before{content:counter(ref-pt, cjk-decimal);font-family:var(--serif);font-size:var(--t-h4);color:var(--cinnabar-deep);grid-row:span 2;line-height:1.3}.ref-features h3{font-family:var(--serif);font-size:var(--t-h4);font-weight:600;line-height:1.3}.ref-features p{margin-top:var(--s-2);max-width:46ch;color:var(--ink-2)}@media (max-width:767.98px){.ref-sec,.ref-sec-plain{margin-top:var(--s-8)}.ref-sec{padding-top:var(--s-8)}.ref-faq>div,.ref-examples>li,.ref-index .row-link{padding-inline:var(--s-4)}.ref-deck{padding:var(--s-4);grid-template-columns:minmax(0,1fr)}.ref-timeline>li{grid-template-columns:minmax(0,1fr)}.ref-coverage>li{grid-template-columns:6rem minmax(0,1fr)}.ref-coverage .rest{grid-column:1/-1}.ref-strip li{flex-basis:30%}.ref-strip-toc li{flex-basis:40%}.ref-strip-toc a{padding-inline:var(--s-3)}}.ref-quote{margin-top:var(--s-6);max-width:64ch;font-family:var(--serif);font-size:var(--t-h4);color:var(--ink);line-height:1.55}.ref-shell{justify-items:start;gap:var(--s-3);min-height:320px;display:grid}.ref-shell-title{font-size:var(--text-h1)}.ref-report-next{margin-top:var(--s-3)}.ref-classifiers+.ref-credit{margin-top:var(--s-4)}.ref-writer .ref-actions{margin-top:0}.ref-cells .py.t1{color:var(--t1)}.ref-cells .py.t2{color:var(--t2)}.ref-cells .py.t3{color:var(--t3)}.ref-cells .py.t4{color:var(--t4)}.ref-cells .py.t0{color:var(--t0)}@media (min-width:768px){.ref-words .ref-cells{min-width:164px}}.ref-table tbody th .tap{align-items:center;width:fit-content;min-height:44px;margin-block:-10px;display:flex}.ref-facts .tap,.ref-words .w-lvl.tap,.ref-meanings .m-lvl.tap{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.ref-facts dd .tap{margin-block:-10px}.ws{gap:var(--s-4);flex-direction:column;display:flex}.only-print{display:none}.ws-row{break-inside:avoid;page-break-inside:avoid}.ws-order{gap:var(--s-1);margin-bottom:var(--s-2);flex-wrap:wrap;display:flex}.ws-practice{grid-template-columns:repeat(var(--ws-cols), minmax(0, 1fr));gap:0;display:grid}.ws-cell{aspect-ratio:1;border:1px solid var(--grid-line);background:#f8f3e8;border-left-width:0;width:100%}.ws-practice .ws-cell:first-child{border-left-width:1px}.ws-cell-order{aspect-ratio:1;border-left-width:1px;flex:none;width:42px}.ws-guides{stroke:var(--grid-soft);stroke-width:.7px;stroke-dasharray:3 3}.ws-ink{fill:var(--ink)}.ws-ghost{fill:#d9cfb8}.ws-new{fill:var(--cinnabar)}.ws-old{fill:#bfb6a1}@media (max-width:767.98px){.ws-cell-order{width:34px}}@media print{.no-print{display:none!important}.only-print{color:#6b7065;border-bottom:.4pt solid #c9cec1;justify-content:space-between;align-items:baseline;margin-bottom:6mm;padding-bottom:2mm;font-size:9pt;display:flex}@page{size:A4 portrait;margin:12mm}body{background:#fff}.ws-cell{background:#fff;border-color:#9aa093}.ws-guides{stroke:#c9cec1}.ws-ink{fill:#000}.ws-ghost,.ws-old{fill:#c4c4c4}.ws-new{fill:#000}.ws{gap:10mm}}.py-wrap{border:1px solid var(--line);background:var(--bg-paper);width:fit-content;max-width:100%;overflow-x:auto}table.py{border-collapse:collapse;font-family:var(--sans);font-size:var(--t-meta);font-variant-numeric:tabular-nums}.py-caption span{left:var(--s-4);max-width:min(72ch, calc(100vw - 2 * var(--gutter) - 2 * var(--s-4)));display:block;position:sticky}.py-caption{caption-side:top;text-align:left;padding:var(--s-3) var(--s-4);font-family:var(--sans);font-size:var(--t-sec);color:var(--ink-2);border-bottom:1px solid var(--line);line-height:1.5}.py th,.py td{border:1px solid var(--line);padding:var(--s-1) 6px;text-align:center;white-space:nowrap}.py .py-final{z-index:2;background:var(--paper);text-align:left;font-weight:500;position:sticky;left:0}.py-head th{background:var(--paper);color:var(--ink-2);font-weight:500}.py-group th{padding:var(--s-2) var(--s-3);background:var(--silk);color:var(--ink);font-family:var(--serif);font-weight:400;font-size:var(--t-sec);text-align:left}.py-empty{background:repeating-linear-gradient(135deg, var(--silk-2) 0 3px, var(--silk) 3px 6px)}.py-none{color:var(--ink-2)}.py-has a{color:var(--ink);border-bottom:1px dotted var(--cinnabar-deep);text-decoration:none}.py-has a:hover{color:var(--cinnabar-deep)}.py td[data-syl]{cursor:pointer}.py td[data-syl]:hover{background:#23201b0a}@media (pointer:coarse){.py th,.py td{padding:6px 7px}.py-has a{min-height:24px;line-height:24px;display:block}.py-han a,.sy a{text-align:center;min-width:24px;display:inline-block}}.py-uses{border-collapse:collapse;width:100%}.py-uses th,.py-uses td{border-bottom:1px solid var(--line);padding:var(--s-2) var(--s-3);text-align:left;vertical-align:baseline}.py-uses th{white-space:nowrap;font-weight:500}.py-uses tr:target th{color:var(--cinnabar-deep)}.py-uses tr:target{background:var(--bg-paper);box-shadow:inset 2px 0 0 var(--cinnabar)}.py-list{gap:var(--s-1) var(--s-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.py-list li{align-items:baseline;gap:6px;display:flex}.py-han{font-family:var(--serif);font-size:var(--t-h4)}.py-han a{color:inherit;border-bottom:1px dotted var(--line-2);text-decoration:none}.py-han a:hover{color:var(--cinnabar-deep);border-bottom-color:var(--cinnabar-deep)}.py-read{font-size:var(--t-sec);color:var(--ink-2)}.py-gloss{font-size:var(--t-sec);color:var(--ink-2);max-width:30ch}.py-sound{border-top:1px solid var(--line)}.py-sound>div{gap:var(--s-4);border-bottom:1px solid var(--line);padding:var(--s-3) 0;display:flex}.py-sound dt{flex:none;width:48px;font-weight:500}.py-sound dd{min-width:0;font-size:var(--t-sec);color:var(--ink-2);flex:1;margin:0}.sy{border-collapse:collapse;width:100%;font-size:var(--t-sec);background:var(--bg-paper)}.sy tr{border-bottom:1px solid var(--line)}.sy thead tr{background:var(--paper);border-bottom-color:var(--line-2)}.sy th{width:9ch;padding:var(--s-3);text-align:left;vertical-align:top;font-weight:500}.sy thead th{color:var(--ink-2)}.sy td{padding:var(--s-3)}.sy ul{gap:var(--s-1) var(--s-6);flex-wrap:wrap;display:flex}.sy li{align-items:baseline;gap:6px;display:flex}.sy b{font-family:var(--serif);font-size:var(--t-h4);font-weight:400}.sy a{font-family:var(--serif);font-size:var(--t-h4)}.sy a:hover{color:var(--cinnabar-deep)}.sy i{font-size:var(--t-meta);color:var(--ink-2);font-style:normal}.sy s{font-size:var(--t-sec);color:var(--ink-2);text-decoration:none}.sy em{font-size:var(--t-meta);color:var(--ink-2);font-style:normal}.login-cards{display:none}@media print{body:has(.login-cards) :is(header,footer,nav){display:none!important}body:has(.login-cards) main{padding:0}body:has(.login-cards) main>:not(:has(.login-cards)){display:none!important}body:has(.login-cards) .sec-title{display:none}.login-cards{font-family:var(--sans);color:#000;grid-template-columns:1fr 1fr;gap:0;display:grid}.login-card{break-inside:avoid;page-break-inside:avoid;box-sizing:border-box;border:.4pt dashed #9aa093;height:52mm;margin:-.2pt;padding:6mm 7mm}.login-card-site{color:#6b7065;font-size:9pt}.login-card-name{margin:2mm 0 3mm;font-size:13pt;font-weight:600}.login-card dl{grid-template-columns:auto 1fr;gap:1.5mm 4mm;margin:0;font-size:11pt;display:grid}.login-card dt{color:#6b7065}.login-card dd{letter-spacing:.03em;margin:0;font-size:14pt;font-weight:600}.login-card-note{color:#6b7065;margin-top:3mm;font-size:8.5pt}}.pt-opts{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;margin:0 auto;display:grid}@media (min-width:768px){.pt-opts[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-opts[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.pt-opts[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}.pt-opt{justify-content:center;align-items:center;gap:var(--s-1);min-height:80px;padding:var(--s-2) var(--s-3);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-size:var(--t-sec);cursor:pointer;flex-direction:column;display:flex}.pt-opt b{font-size:var(--t-h2);font-weight:500;line-height:1.2}.pt-opt span{color:var(--ink-2)}.pt-opt:hover:not(:disabled){border-color:var(--ink)}.pt-opt:disabled{cursor:default}.pt-opt[data-state=ok]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.pt-opt[data-state=bad]{border-color:var(--cinnabar-deep);box-shadow:inset 0 0 0 1px var(--cinnabar-deep)}.pt-opt[data-state=dim]{opacity:.55}@media (prefers-reduced-motion:no-preference){.pt-opt{transition:opacity var(--motion-150) var(--ease-out)}}.hsk-words{padding:var(--s-2) var(--s-4);background:var(--bg-paper);border:1px solid var(--line);font-family:var(--sans);font-size:var(--t-sec);counter-reset:hsk var(--start,0)}@media (min-width:768px){.hsk-words{column-count:2;column-gap:var(--s-8);column-rule:1px solid var(--line)}}.hsk-words li{break-inside:avoid;align-items:baseline;gap:var(--s-2);border-bottom:1px solid var(--line);counter-increment:hsk;padding:6px 0;display:flex}.hsk-words li:before{content:counter(hsk);text-align:right;width:2.75rem;font-size:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.hsk-words li>:first-child{font-family:var(--serif);font-size:var(--t-h4);flex:none;line-height:1.3}.hsk-words li>:nth-child(2){color:var(--ink-2);flex:none}.hsk-words li>:nth-child(3){min-width:0;font-family:var(--sans);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hsk-words a{text-decoration:underline;-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:5px;text-decoration-thickness:1px}.hsk-words a:hover{color:var(--cinnabar-deep);text-decoration-color:currentColor}@media (pointer:coarse){.hsk-words li{padding:10px 0}.hsk-words li>:first-child{justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-block:-10px;display:inline-flex}}.hsk-chars{border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--bg-paper);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));display:grid}.hsk-chars li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.hsk-chars li>a,.hsk-chars li>span{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:72px;display:flex}.hsk-chars li>a:hover{background:#23201b09}.hsk-chars li>a:hover .han{border-color:var(--cinnabar)}.hsk-chars li>a:focus-visible{outline-offset:-2px}.hsk-chars .hw>a,.hsk-chars .hw>span{box-shadow:inset 0 -2px 0 var(--cinnabar)}.hsk-chars .han{border:1px solid var(--grid-line);background:repeating-linear-gradient(90deg, var(--grid-soft) 0 3px, transparent 3px 6px) center / 100% 1px no-repeat, repeating-linear-gradient(0deg, var(--grid-soft) 0 3px, transparent 3px 6px) center / 1px 100% no-repeat, linear-gradient(to top right, transparent calc(50% - .5px), var(--grid-diag) 50%, transparent calc(50% + .5px)), linear-gradient(to bottom right, transparent calc(50% - .5px), var(--grid-diag) 50%, transparent calc(50% + .5px)), #f8f3e8;width:44px;height:44px;font-family:var(--serif);font-size:var(--t-h2);color:var(--ink);place-items:center;line-height:1;display:grid}.hsk-chars .n{font-family:var(--sans);font-size:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums;line-height:1.4}.landing{--char:#24211d;--char-2:#2e2a25;--gold-light:#e3c98f;--mist:#e9ede6;--azurite:#3b6a9e;--line-light:var(--line);--f-display:var(--serif);--f-body:var(--sans);--f-brush:var(--brush);--t-h2:var(--text-3xl);--t-h1:var(--text-4xl);font-family:var(--f-body);font-size:var(--t-body);color:var(--ink);background:var(--night);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.55}body:has(.landing){background:#151b29}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}.landing img,.landing svg{display:block}.landing h1,.landing h2,.landing h3,.landing p,.landing ol,.landing ul,.landing figure{margin:0}.landing ul,.landing ol{padding:0;list-style:none}.landing a{color:inherit}.landing button{font:inherit;color:inherit}.landing main{flex:none;padding:0}.landing .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.landing .skip-link{left:var(--s-4);z-index:100;background:var(--cinnabar);color:#fbf5ea;padding:var(--s-3) var(--s-4);border-radius:4px;font-weight:500;text-decoration:none;position:absolute;top:-64px}.landing .skip-link:focus{top:var(--s-4)}.landing .on-dark{--focus:var(--cinnabar-light);color:var(--cream)}.landing .on-light{--focus:var(--cinnabar-deep);color:var(--ink)}.landing :focus{outline:none}.landing :focus-visible{outline:2px solid var(--focus,var(--cinnabar-deep));outline-offset:2px;border-radius:2px}.landing .page{width:100%;max-width:var(--vp-wide);padding-inline:var(--gutter);margin-inline:auto}.landing .cta{justify-content:center;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-6);font-family:var(--f-body);font-size:var(--t-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:4px;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex}.landing .cta:disabled{cursor:default;opacity:.5}.landing .cta-lg{min-height:48px;padding:0 var(--s-8)}.landing .cta-primary{background:var(--cinnabar);color:#fbf5ea}.landing .cta-primary:hover{background:var(--cinnabar-deep)}.landing .cta-secondary{background:0 0;border-color:currentColor}.landing .on-dark .cta-secondary{color:var(--cream);border-color:#efe7d673}.landing .on-dark .cta-secondary:hover{border-color:var(--cream);background:#efe7d60f}.landing .on-light .cta-secondary{color:var(--ink);border-color:#23201b66}.landing .on-light .cta-secondary:hover{border-color:var(--ink)}.landing .cta-quiet{color:var(--cream);padding:0 var(--s-4);background:0 0}.landing .cta-quiet:hover{text-underline-offset:4px;text-decoration:underline}.landing .text-link{text-underline-offset:4px;align-items:center;min-height:44px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.landing .on-light .text-link{color:var(--cinnabar-deep)}.landing .on-dark .text-link{color:var(--cinnabar-light)}.landing .text-link:hover{text-decoration-thickness:2px}.landing .site-header{z-index:50;background:var(--night);border-bottom:1px solid var(--line-dark);position:sticky;top:0}.landing .header-bar{align-items:center;gap:var(--s-8);min-height:72px;padding-inline:max(var(--gutter), calc((100% - var(--vp-wide)) / 2 + var(--gutter)));display:flex}.landing .logo{align-items:center;gap:var(--s-3);min-height:44px;color:var(--cream);font-family:var(--f-display);font-size:var(--t-h4);letter-spacing:.01em;font-weight:600;text-decoration:none;display:inline-flex}.landing .logo-seal{background:var(--cinnabar);color:#f6efe2;width:36px;height:36px;box-shadow:inset 0 0 0 2px var(--cinnabar), inset 0 0 0 3px #f6efe2bf;font-family:var(--f-display);border-radius:3px;place-items:center;font-size:1.2rem;font-weight:600;line-height:1.1;display:grid}.landing .main-nav ul{gap:var(--s-1);display:flex}.landing .main-nav a{min-height:44px;padding:0 var(--s-3);color:var(--cream-2);font-size:var(--t-sec);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.landing .main-nav a:hover{color:var(--cream)}.landing .header-actions{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.landing .menu-btn{align-items:center;gap:var(--s-2);min-width:44px;min-height:44px;padding:0 var(--s-3);color:var(--cream);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #efe7d64d;border-radius:4px;margin-left:auto;font-weight:500;display:none}.landing .mobile-nav{border-top:1px solid var(--line-dark);padding:var(--s-2) var(--gutter) var(--s-6)}.landing .mobile-nav a.nav-row{min-height:48px;color:var(--cream);border-bottom:1px solid var(--line-dark);align-items:center;text-decoration:none;display:flex}.landing .mobile-nav .mobile-actions{gap:var(--s-3);margin-top:var(--s-6);display:grid}.landing .hero{background:var(--noise-dark), radial-gradient(120% 80% at 80% 0%, #1f2840 0%, #1f284000 60%), var(--night);--art-w:clamp(272px, 38vw, 528px);min-height:calc(var(--art-w) * 1.2667 + var(--s-12));padding-block:var(--s-8);align-items:center;display:flex;position:relative;overflow:clip}.landing .hero-copy{z-index:1;gap:var(--s-8);max-width:calc(100% - var(--art-w) - var(--s-8));align-items:flex-start;display:flex;position:relative}.landing .v-quote{gap:var(--s-2);flex-direction:row-reverse;flex-shrink:0;display:flex}.landing .bracketed{padding:var(--s-3);position:relative}.landing .bracketed:before,.landing .bracketed:after{content:"";opacity:.85;border:0 solid;width:16px;height:16px;position:absolute}.landing .bracketed:before{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.landing .bracketed:after{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.landing .v-quote .hanzi{writing-mode:vertical-rl;font-family:var(--f-brush);color:var(--gold);letter-spacing:.08em;font-size:2.5rem;line-height:1.1}.landing .v-quote .gloss{writing-mode:vertical-rl;font-size:var(--t-meta);color:var(--cream-2);letter-spacing:.04em;padding-top:var(--s-2);line-height:1.4}.landing .hero h1{font-family:var(--f-display);font-weight:400;font-size:var(--t-h1);letter-spacing:-.01em;color:var(--cream);text-wrap:balance;max-width:18ch;line-height:1.2}.landing .hero .lead{margin-top:var(--s-6);font-size:var(--t-h4);color:var(--cream-2);max-width:46ch;line-height:1.55}.landing .hero .cta-row{margin-top:var(--s-8);gap:var(--s-3);flex-wrap:wrap;display:flex}.landing .hero .hero-hint{margin-top:var(--s-4);font-size:var(--t-sec);color:var(--cream-2)}.landing .hero-art{z-index:0;pointer-events:none;right:max(var(--gutter), calc((100% - var(--vp-wide)) / 2 + var(--gutter)));bottom:var(--s-4);width:var(--art-w);margin:0;position:absolute}.landing .hero-art svg{width:100%;height:auto;overflow:visible}@keyframes landing-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes landing-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.landing .art-beam,.landing .art-spot{animation:landing-fade var(--motion-300) var(--ease-out) both}.landing .art-spot{animation-delay:.1s}.landing .art-paper{animation:landing-rise var(--motion-300) var(--ease-out) .2s both}.landing .art-figure{animation:landing-rise var(--motion-300) var(--ease-out) .3s both}}.landing .sec{padding-block:var(--s-24);scroll-margin-top:72px}.landing .silk{background:repeating-linear-gradient(0deg, #23201b05 0 1px, transparent 1px 3px), var(--noise-light), var(--silk)}.landing .sec-head{gap:var(--s-6);margin-bottom:var(--s-12);align-items:flex-start;display:flex}.landing .sec-seal{writing-mode:vertical-rl;padding:var(--s-2) var(--s-1);background:var(--cinnabar);color:#f6efe2;box-shadow:inset 0 0 0 2px var(--cinnabar), inset 0 0 0 3px #f6efe2b3;font-family:var(--f-display);font-weight:600;font-size:var(--t-h4);letter-spacing:.12em;border-radius:3px;flex-shrink:0;line-height:1.1}.landing .sec-head h2{font-family:var(--f-display);font-weight:400;font-size:var(--t-h2);letter-spacing:-.01em;text-wrap:balance;max-width:28ch;line-height:1.2}.landing .on-dark .sec-head h2{color:var(--gold)}.landing .term{margin-top:var(--s-2);font-size:var(--t-sec)}.landing .on-light .term{color:var(--ink-2)}.landing .on-dark .term{color:var(--cream-2)}.landing .sec-lead{margin-top:var(--s-4);max-width:62ch}.landing .on-light .sec-lead{color:var(--ink-2)}.landing .on-dark .sec-lead{color:var(--cream-2)}.landing .pinyin{font-style:normal}.landing .screen{background:#ebe0ca;border-block:1px solid #c4a46ab3;height:clamp(192px,24vw,336px);position:relative;overflow:hidden}.landing .screen-art{width:100%;height:100%;display:block}.landing .screen-slip{top:var(--s-6);right:calc(25% + var(--s-6));writing-mode:vertical-rl;padding:var(--s-3) var(--s-1);font-family:var(--f-brush);font-size:var(--t-h3);letter-spacing:.08em;color:#23201b;background:#fbf8f0;border:1px solid #23201b8c;line-height:1.1;position:absolute;box-shadow:inset 0 0 0 3px #fbf8f0,inset 0 0 0 4px #23201b47}.landing .skills{background:var(--noise-dark), radial-gradient(60% 90% at 100% 50%, #5c4c3873 0%, #5c4c3800 70%), linear-gradient(100deg, #14110e 0%, #221d17 55%, #2f281f 100%)}.landing .bracket-title{writing-mode:vertical-rl;font-family:var(--f-brush);letter-spacing:.1em;color:var(--gold);flex-shrink:0;font-size:2.5rem;line-height:1.1}.landing .fans{gap:var(--s-8) var(--s-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.landing .skill{text-align:center;justify-items:center;gap:var(--s-2);display:grid}.landing .fan{width:min(100%,208px);height:auto;margin-bottom:var(--s-6);overflow:visible}.landing .skill h3{align-items:baseline;gap:var(--s-2);font-family:var(--f-display);font-weight:600;font-size:var(--t-h4);color:var(--cream);line-height:1.25;display:flex}.landing .skill-hz{font-family:var(--f-brush);font-weight:400;font-size:var(--t-h2);color:var(--gold);line-height:1.1}.landing .skill .term{margin-top:0}.landing .skill p:last-child{color:var(--cream-2);max-width:28ch}.landing .scrolls{gap:var(--s-8) var(--s-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));display:grid}.landing .folio{--frame:#23201bc7;padding:var(--s-3);background:var(--noise-light), var(--paper);border:1px solid var(--line-light);position:relative;box-shadow:0 2px 12px #23201b0f}.landing .folio-frame{gap:var(--s-8);height:100%;padding:var(--s-8) var(--s-8) var(--s-8) var(--s-6);border:3px solid var(--frame);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px var(--frame);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.landing .slip{writing-mode:vertical-rl;padding:var(--s-4) var(--s-2);font-family:var(--f-brush);letter-spacing:.08em;color:var(--ink);background:#fbf8f0;border:1px solid #23201b8c;align-self:start;font-size:3rem;line-height:1.1;box-shadow:inset 0 0 0 3px #fbf8f0,inset 0 0 0 4px #23201b47}.landing .folio-seal{right:var(--s-6);bottom:var(--s-6);border:2px solid var(--cinnabar);width:48px;height:48px;color:var(--cinnabar);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px #b5402a8c;font-family:var(--f-display);font-weight:600;font-size:var(--t-h3);border-radius:4px;place-items:center;line-height:1.1;display:grid;position:absolute;transform:rotate(-3deg)}.landing .folio h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-h3);line-height:1.25}.landing .folio .term{margin-top:var(--s-1)}.landing .points{margin-top:var(--s-6);border-top:1px solid var(--line-light)}.landing .points li{gap:var(--s-3);padding-block:var(--s-3);border-bottom:1px solid var(--line-light);align-items:baseline;display:flex}.landing .points li:before{content:"";background:var(--cinnabar);flex-shrink:0;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.landing .folio .text-link{margin-top:var(--s-4)}.landing .flow{background:var(--noise-light), linear-gradient(180deg, var(--mist) 0%, #dbe8e1 45%, #b6d4ca 100%)}.landing .handscroll{--frame:#23201bc7;padding:var(--s-3);background:var(--noise-light), var(--paper);border:1px solid var(--line-light);box-shadow:0 2px 16px #2b5a521a}.landing .hs-frame{border:3px solid var(--frame);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px var(--frame);padding-bottom:96px;position:relative;overflow:hidden}.landing .hs-ridge{width:calc(100% - 10px);height:120px;position:absolute;bottom:5px;left:5px;right:5px}.landing .hs-steps{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.landing .hs-step{gap:var(--s-2);padding:var(--s-8) var(--s-6) var(--s-4);flex-direction:column;display:flex;position:relative}.landing .hs-step+.hs-step:before{content:"";left:0;top:var(--s-6);bottom:calc(-1 * var(--s-12));background:linear-gradient(#c4a46ae6,#c4a46a00);width:1px;position:absolute}.landing .hs-head{align-items:flex-start;gap:var(--s-3);min-height:8.25rem;margin-bottom:var(--s-3);display:flex}.landing .hs-num{background:var(--cinnabar);color:#f6efe2;width:32px;height:32px;box-shadow:inset 0 0 0 2px var(--cinnabar), inset 0 0 0 3px #f6efe2b3;font-family:var(--f-display);font-weight:600;font-size:var(--t-body);border-radius:3px;flex-shrink:0;place-items:center;line-height:1.1;display:grid}.landing .hs-word{writing-mode:vertical-rl;font-family:var(--f-brush);letter-spacing:.06em;color:var(--ink);font-size:2.5rem;line-height:1.1}.landing .hs-step h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-h4);line-height:1.25}.landing .hs-step .term{margin-top:0}.landing .hs-text{color:var(--ink-2);font-size:var(--t-sec)}.landing .check-grid{gap:var(--s-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-items:start;display:grid}.landing .notebook{padding:var(--s-8);background:var(--noise-light), var(--paper);border:1px solid var(--line-light);position:relative;box-shadow:0 2px 12px #23201b0f}.landing .nb-meta{gap:var(--s-1) var(--s-4);font-size:var(--t-meta);color:var(--ink-2);flex-wrap:wrap;display:flex}.landing .nb-task{margin-top:var(--s-3);max-width:46ch}.landing .nb-task b{font-weight:500}.landing .tzg{--cell:clamp(36px, 8.5vw, 56px);margin-top:var(--s-6);flex-wrap:wrap;padding-left:1px;display:flex}.landing .tzg-cell{width:var(--cell);height:var(--cell);font-family:var(--f-brush);font-size:calc(var(--cell) * .66);color:#263150;background:repeating-linear-gradient(90deg,#b5402a52 0 4px,#0000 4px 8px) 50%/100% 1px no-repeat,repeating-linear-gradient(0deg,#b5402a52 0 4px,#0000 4px 8px) 50%/1px 100% no-repeat;border:1px solid #b5402a8c;place-items:center;margin-top:-1px;margin-left:-1px;line-height:1.1;display:grid;position:relative}.landing .tzg-cell .ink-ring{width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px;overflow:visible}.landing .tzg-cell .ink-ring path{fill:none;stroke:var(--cinnabar);stroke-width:2.6px;stroke-linecap:round}.landing .mark-n{z-index:1;font-family:var(--f-body);font-size:var(--t-meta);color:var(--cinnabar-deep);font-weight:500;line-height:1.1;position:absolute;top:-12px;right:-14px}.landing .nb-pinyin{margin-top:var(--s-3);font-size:var(--t-h4);color:#263150;letter-spacing:.01em}.landing .wavy{-webkit-text-decoration:underline wavy var(--cinnabar);-webkit-text-decoration:underline wavy var(--cinnabar);-webkit-text-decoration:underline wavy var(--cinnabar);text-decoration:underline wavy var(--cinnabar);text-underline-offset:5px;text-decoration-thickness:1.5px;position:relative}.landing .wavy sup{font-family:var(--f-body);font-size:var(--t-meta);color:var(--cinnabar-deep);font-weight:500}.landing .grade{top:var(--s-6);right:var(--s-6);width:72px;height:72px;font-family:var(--f-brush);color:var(--cinnabar);place-items:center;font-size:2.5rem;line-height:1.1;display:grid;position:absolute;transform:rotate(-8deg)}.landing .grade svg{width:100%;height:100%;position:absolute;inset:0}.landing .grade path{fill:none;stroke:var(--cinnabar);stroke-width:2.4px;stroke-linecap:round}.landing .review{background:var(--silk-2);border:1px solid var(--line-light)}.landing .review-head{justify-content:space-between;align-items:baseline;gap:var(--s-2);padding:var(--s-6);border-bottom:1px solid var(--line-light);flex-wrap:wrap;display:flex}.landing .review-head h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-h4);line-height:1.25}.landing .meta{font-size:var(--t-meta);line-height:1.4}.landing .on-light .meta{color:var(--ink-2)}.landing .on-dark .meta{color:var(--cream-2)}.landing .review-list li{gap:var(--s-3);padding:var(--s-4) var(--s-6);border-bottom:1px solid var(--line-light);grid-template-columns:24px minmax(0,1fr);display:grid}.landing .rn{border:1.5px solid var(--cinnabar);width:24px;height:24px;color:var(--cinnabar-deep);font-size:var(--t-meta);border-radius:50%;place-items:center;font-weight:500;display:grid}.landing .rt{font-weight:500}.landing .rd{margin-top:var(--s-1);font-size:var(--t-sec);color:var(--ink-2)}.landing .review-ok{gap:var(--s-3);padding:var(--s-4) var(--s-6);border-bottom:1px solid var(--line-light);align-items:flex-start;display:flex}.landing .review-ok svg{color:#3f7d6e;flex-shrink:0;margin-top:3px}.landing .review-foot{padding:var(--s-4) var(--s-6) var(--s-6);font-size:var(--t-sec);color:var(--ink-2)}.landing .courses{background:var(--noise-dark), radial-gradient(90% 60% at 10% 0%, #2f2b26 0%, #2f2b2600 70%), var(--char)}.landing .course-grid{gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.landing .course{padding:var(--s-8) var(--s-6) var(--s-6);background:var(--char-2);border:1px solid var(--line-dark);flex-direction:column;display:flex;box-shadow:inset 0 1px #ffffff0d}.landing .course-top{align-items:flex-end;gap:var(--s-4);display:flex}.landing .course-glyph{font-family:var(--f-brush);color:var(--gold);font-size:4rem;line-height:1.1}.landing .course h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-h3);color:var(--cream);line-height:1.25}.landing .course .term{margin-top:0}.landing .course>p{margin-top:var(--s-4);color:var(--cream-2);max-width:52ch}.landing .demo{padding-top:var(--s-6)}.landing .demo-box{border-top:1px solid var(--line-dark);padding-top:var(--s-6)}.landing .brush-demo{gap:var(--s-12);padding:var(--s-8);margin-bottom:var(--s-6);background:var(--char-2);border:1px solid var(--line-dark);grid-template-columns:336px minmax(0,1fr);align-items:start;display:grid;box-shadow:inset 0 1px #ffffff0d}.landing .bd-stage{gap:var(--s-4);display:grid}.landing .bd-paper{aspect-ratio:1;background:var(--noise-light), var(--paper);border:1px solid #b5402a99;width:min(100%,336px);position:relative}.landing .bd-paper.is-quiz{outline:2px solid var(--cinnabar-light);outline-offset:4px;cursor:crosshair}.landing .bd-grid{width:100%;height:100%;position:absolute;inset:0}.landing .bd-grid path{fill:none;stroke:#b5402a4d;stroke-width:1px;stroke-dasharray:4 4}.landing .bd-writer{touch-action:none;position:absolute;inset:0}.landing .bd-writer svg{display:block}.landing .bd-fallback{height:100%;font-family:var(--f-brush);color:var(--ink);place-items:center;font-size:10rem;line-height:1.1;display:grid}.landing .bd-controls{gap:var(--s-3);max-width:336px;display:grid}.landing .bd-status{max-width:42ch;min-height:2.8em}.landing .bd-text h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-h3);color:var(--cream);line-height:1.25}.landing .bd-text h3 span{font-family:var(--f-brush);color:var(--gold);font-weight:400}.landing .bd-lead{margin-top:var(--s-4);color:var(--cream-2);max-width:56ch}.landing .bd-strokes{margin-top:var(--s-6);border-top:1px solid var(--line-dark)}.landing .bd-strokes li{column-gap:var(--s-4);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line-dark);border-left:2px solid #0000;grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);align-items:center;display:grid}.landing .bd-strokes li[data-state=active]{border-left-color:var(--cinnabar-light);background:#e58a7214}.landing .bd-icon{background:var(--paper);grid-row:span 2;width:48px;height:48px}.landing .bd-icon .o{fill:#dcd2bd}.landing .bd-icon .on{fill:var(--cinnabar)}.landing .bd-strokes li[data-state=done] .bd-icon .on{fill:var(--ink)}.landing .bd-name{color:var(--cream);font-weight:500;line-height:1.25}.landing .bd-name .bd-hz{font-family:var(--f-display);margin-right:var(--s-2);font-weight:400}.landing .bd-ru{font-size:var(--t-sec);color:var(--cream-2);line-height:1.4}.landing .evo{margin-top:0}.landing .evo figcaption{font-size:var(--t-sec);color:var(--cream-2)}.landing .evo-list{gap:var(--s-3);margin-top:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing .evo-list li{gap:var(--s-1);display:grid}.landing .evo-tile{aspect-ratio:1;background:#e6d9bd;border:1px solid #efe7d633;width:100%}.landing .evo-tile path,.landing .evo-tile rect,.landing .evo-tile circle,.landing .evo-tile line{fill:none;stroke:#6b4a2f;stroke-linecap:round;stroke-linejoin:round}.landing .evo-tile text{fill:#3a2a1c;font-family:var(--f-display)}.landing .evo-name{font-size:var(--t-sec);color:var(--cream)}.landing .flashcard{cursor:pointer;perspective:900px;text-align:left;background:0 0;border:0;width:100%;height:176px;padding:0;display:block;position:relative}.landing .fc-inner{transform-style:preserve-3d;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.landing .fc-inner{transition:transform var(--motion-300) var(--ease-out)}}.landing .flashcard[aria-pressed=true] .fc-inner{transform:rotateY(180deg)}.landing .fc-face{justify-content:center;gap:var(--s-2);padding:var(--s-6);backface-visibility:hidden;background:var(--noise-light), var(--paper);color:var(--ink);border:1px solid #efe7d633;flex-direction:column;display:flex;position:absolute;inset:0}.landing .fc-back{transform:rotateY(180deg)}.landing .fc-word{font-family:var(--f-display);font-size:3rem;font-weight:400;line-height:1.1}.landing .fc-hint{font-size:var(--t-meta);color:var(--ink-2)}.landing .fc-py{font-size:var(--t-h4);color:var(--cinnabar-deep);font-weight:500}.landing .fc-ex{margin-top:var(--s-2);font-size:var(--t-sec);color:var(--ink-2)}.landing .fc-ex span{color:var(--ink);font-family:var(--f-display);font-size:var(--t-body);display:block}@media (prefers-reduced-motion:reduce){.landing .flashcard[aria-pressed=true] .fc-inner{transform:none}.landing .flashcard .fc-back{opacity:0;transform:none}.landing .flashcard[aria-pressed=true] .fc-front{opacity:0}.landing .flashcard[aria-pressed=true] .fc-back{opacity:1}}.landing .tones-hint{margin-bottom:var(--s-3)}.landing .tones{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));display:grid}.landing .tone{align-items:flex-start;gap:var(--s-2);min-height:44px;padding:var(--s-3);border:1px solid var(--line-dark);cursor:pointer;text-align:left;background:#efe7d60a;border-radius:4px;flex-direction:column;display:flex}.landing .tone:hover{border-color:#efe7d659}.landing .tone[data-playing=true]{border-color:var(--cinnabar-light);background:#e58a7214}.landing .tone svg{width:40px;height:28px}.landing .tone .grid-l{stroke:#efe7d62e;stroke-width:1px}.landing .tone .contour{fill:none;stroke:var(--cinnabar-light);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.landing .tone-py{font-size:var(--t-h4);color:var(--cream);font-weight:500;line-height:1.25;display:block}.landing .tone-gl{font-size:var(--t-meta);color:var(--cream-2);display:block}.landing .tone-gl span{font-family:var(--f-display);font-size:var(--t-sec);color:var(--cream);margin-right:var(--s-1)}.landing .tone-status{margin-top:var(--s-3);min-height:2.8em}.landing .faq-layout{gap:var(--s-12);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;display:grid}.landing .faq-layout .sec-head{margin-bottom:0}.landing .faq-list{border:1px solid var(--line-light);background:var(--paper)}.landing .faq-list details{border-bottom:1px solid var(--line-light)}.landing .faq-list details:last-child{border-bottom:0}.landing .faq-list summary{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:64px;padding:var(--s-4) var(--s-6);cursor:pointer;font-family:var(--f-display);font-weight:600;font-size:var(--t-h4);line-height:1.25;list-style:none;display:flex}.landing .faq-list summary::-webkit-details-marker{display:none}.landing .faq-list summary svg{flex-shrink:0}@media (prefers-reduced-motion:no-preference){.landing .faq-list summary svg{transition:transform var(--motion-200) var(--ease-out)}}.landing .faq-list details[open] summary svg{transform:rotate(45deg)}.landing .faq-list details p{padding:0 var(--s-6) var(--s-6);max-width:68ch;color:var(--ink-2)}.landing .closing{padding-bottom:calc(var(--s-16) + 256px);background:var(--noise-dark), linear-gradient(115deg, #f6ecd600 52%, #f6ecd60d 62%, #f6ecd600 74%), var(--night);position:relative;overflow:clip}.landing .closing .page{z-index:1;position:relative}.landing .closing-grid{justify-content:space-between;gap:var(--s-12);align-items:center;display:flex}.landing .closing h2{font-family:var(--f-display);font-weight:400;font-size:var(--t-h2);color:var(--gold);text-wrap:balance;max-width:20ch;line-height:1.2}.landing .closing .v-quote .hanzi{font-size:3rem}.landing .ink-range{width:100%;height:320px;position:absolute;bottom:0;left:0;right:0}.landing .closing p.sec-lead{color:var(--cream-2)}.landing .closing .cta-row{margin-top:var(--s-8);gap:var(--s-3);flex-wrap:wrap;display:flex}.landing .site-footer{border-top:1px solid var(--line-dark);padding-block:var(--s-12);background:#10151f}.landing .footer-grid{justify-content:space-between;gap:var(--s-8);flex-wrap:wrap;display:flex}.landing .footer-about{max-width:44ch;margin-top:var(--s-3);font-size:var(--t-sec);color:var(--cream-2)}.landing .footer-nav ul{gap:0 var(--s-2);flex-wrap:wrap;display:flex}.landing .footer-nav a,.landing .footer-nav button{min-height:44px;padding:0 var(--s-2);color:var(--cream-2);font-size:var(--t-sec);align-items:center;text-decoration:none;display:inline-flex}.landing .footer-nav a:hover,.landing .footer-nav button:hover{color:var(--cream);text-underline-offset:4px;text-decoration:underline}.landing .footer-legal{margin-top:var(--s-8)}@media (max-width:1279.98px){.landing .handscroll{max-width:880px}.landing .hs-steps{grid-template-columns:minmax(0,1fr)}.landing .hs-step{column-gap:var(--s-6);row-gap:var(--s-1);padding:var(--s-6);grid-template-columns:auto minmax(0,1fr);align-content:start;display:grid}.landing .hs-step>:not(.hs-head){grid-column:2}.landing .hs-head{grid-row:1/span 3;min-height:0;margin-bottom:0}.landing .hs-step+.hs-step:before{left:var(--s-6);right:var(--s-6);background:#c4a46a99;width:auto;height:1px;top:0;bottom:auto}.landing .main-nav{display:none}.landing .menu-btn{margin-left:0;display:inline-flex}.landing .header-actions{margin-left:auto}.landing .hero{--t-h1:2.074rem}.landing .fans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.landing .hero .lead{font-size:var(--t-body)}}@media (max-width:767.98px){.landing{--gutter:16px;--t-h1:2.074rem;--t-h2:1.728rem}.landing .sec{padding-block:var(--s-16)}.landing .header-bar{gap:var(--s-4);min-height:64px}.landing .header-actions{display:none}.landing .menu-btn{justify-content:center;width:44px;margin-left:auto;padding:0}.landing .menu-btn .menu-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.landing .hero{min-height:0;padding-block:var(--s-8) var(--s-4);display:block}.landing .hero-copy{gap:var(--s-6);max-width:none;padding-bottom:var(--s-6);flex-direction:column}.landing .v-quote{gap:var(--s-1);flex-direction:column}.landing .v-quote .hanzi,.landing .v-quote .gloss{writing-mode:horizontal-tb}.landing .v-quote .hanzi,.landing .closing .v-quote .hanzi{white-space:nowrap;font-size:1.728rem}.landing .v-quote .gloss{padding-top:0}.landing .scrolls{gap:var(--s-6)}.landing .hero .lead{font-size:var(--t-body)}.landing .hero-art{width:min(100%,300px);margin:0 auto;position:relative;bottom:auto;right:auto}.landing .faq-layout{gap:var(--s-8);grid-template-columns:minmax(0,1fr)}.landing .hero .cta-row .cta{flex:100%}.landing .sec-head{gap:var(--s-4);margin-bottom:var(--s-8)}.landing .folio{padding:var(--s-2)}.landing .folio-frame{padding:var(--s-6) var(--s-4);gap:var(--s-4)}.landing .slip{padding:var(--s-3) var(--s-1);font-size:2rem}.landing .folio-seal{right:var(--s-4);bottom:var(--s-4);width:40px;height:40px;font-size:var(--t-h4)}.landing .handscroll{padding:var(--s-2)}.landing .hs-frame{border-width:2px;padding-bottom:72px}.landing .hs-ridge{height:96px}.landing .hs-step{column-gap:var(--s-4);padding:var(--s-4)}.landing .hs-step+.hs-step:before{left:var(--s-4);right:var(--s-4)}.landing .hs-head{align-items:center;gap:var(--s-2);flex-direction:column}.landing .hs-word{font-size:1.728rem}.landing .notebook{padding:var(--s-6) var(--s-4)}.landing .grade{width:56px;height:56px;top:var(--s-4);right:var(--s-4);font-size:1.728rem}.landing .nb-meta,.landing .nb-task{padding-right:64px}.landing .brush-demo{gap:var(--s-8);padding:var(--s-6) var(--s-4);grid-template-columns:minmax(0,1fr)}.landing .tones{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .closing{padding-bottom:calc(var(--s-16) + 144px)}.landing .closing-grid{gap:var(--s-8);flex-direction:column}.landing .ink-range{height:200px}.landing .screen-slip{right:var(--s-4);top:var(--s-4);font-size:var(--t-h4)}.landing .bracket-title{writing-mode:horizontal-tb;font-size:var(--t-h2)}.landing .skills .sec-head{flex-direction:column;align-items:flex-start}.landing .fans{gap:var(--s-8) var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr))}.landing .fan{margin-bottom:var(--s-3)}.landing .skill h3{flex-direction:column;align-items:center;gap:0}.landing .closing .cta-row .cta{flex:100%}.landing .faq-list summary{padding:var(--s-4)}.landing .faq-list details p{padding:0 var(--s-4) var(--s-4)}}@media (min-width:1280px){.landing .mobile-nav{display:none!important}}@media (max-width:767.98px){.trn-top{padding-block:var(--s-3) var(--s-2)}.trn-deck{gap:var(--s-3)}.trn-deck-seal{font-size:var(--t-body)}.trn-deck-title{font-size:var(--t-h4)}.trn-stat{display:none}.trn-learned-inline{display:inline}.trn-top-right{gap:var(--s-3)}.trn-summary{width:44px;padding:0}.trn-summary-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.trn-summary .trn-tip{top:calc(100% + var(--s-2));z-index:30;padding:var(--s-1) var(--s-2);border-radius:var(--radius-btn);background:var(--paper);color:var(--ink);font-size:var(--t-meta);white-space:nowrap;opacity:0;pointer-events:none;font-weight:500;line-height:1.4;display:block;position:absolute;right:0}.trn-summary:focus-visible .trn-tip{opacity:1}.trn-tabs{padding-right:var(--s-8);-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.trn-settings-toggle{justify-content:space-between;align-items:center;gap:var(--s-3);text-align:left;width:100%;min-height:48px;display:flex}.trn-settings-title{font-size:var(--t-sec);font-weight:600}.trn-settings-sum{min-width:0;font-size:var(--t-meta);color:var(--ink-2);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.trn-settings-toggle svg{flex:none}.trn-settings-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.trn-set-rows{gap:var(--s-4);padding-top:0;display:grid}.trn-set-rows[data-open=false]{display:none}.trn-settings .seg>button{padding:0 var(--s-2)}.trn main.trn-stage{padding:var(--s-4) var(--gutter) var(--s-6)}.trn-card.book{padding:var(--s-8) var(--s-6) var(--s-6)}.trn-slip.book-slip{display:none}.trn-subject{font-size:var(--t-h3)}.trn-tr,.zh-line,.sent{font-size:var(--t-h4)}.opt{min-height:72px;padding:var(--s-2)}.btn{min-height:52px;padding:0 var(--s-3)}.btn kbd{display:none}.figures{grid-template-columns:1fr}.fig{justify-content:space-between;align-items:baseline;gap:var(--s-3);border-left:0;border-top:1px solid var(--line);display:flex}.fig:first-child{border-top:0}.round .when{display:none}.wrow{padding:var(--s-2) var(--s-3)}.wrow .hz{width:64px;font-size:var(--t-h4)}}@media (hover:hover) and (max-width:767.98px){.trn-summary:hover .trn-tip{opacity:1}}@media (prefers-reduced-motion:no-preference){.trn-summary .trn-tip{transition:opacity var(--motion-150) var(--ease-out)}.trn-settings-toggle svg{transition:transform var(--motion-200) var(--ease-out)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.right-0{right:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.-left-\[9999px\]{left:-9999px}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-11\!{width:calc(var(--spacing) * 11)!important;height:calc(var(--spacing) * 11)!important}.h-0{height:0}.h-4{height:calc(var(--spacing) * 4)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[50px\]{height:50px}.h-\[96px\]{height:96px}.h-full{height:100%}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-\[1\.6em\]{min-height:1.6em}.min-h-\[1\.55em\]{min-height:1.55em}.min-h-\[44px\]{min-height:44px}.min-h-\[56px\]{min-height:56px}.min-h-\[140px\]{min-height:140px}.min-h-\[250px\]{min-height:250px}.w-0{width:0}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-\[1\.6em\]{width:1.6em}.w-\[50px\]{width:50px}.w-\[96px\]{width:96px}.w-\[392px\]{width:392px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[18ch\]{max-width:18ch}.max-w-\[24ch\]{max-width:24ch}.max-w-\[26ch\]{max-width:26ch}.max-w-\[40ch\]{max-width:40ch}.max-w-\[46ch\]{max-width:46ch}.max-w-\[48ch\]{max-width:48ch}.max-w-\[56ch\]{max-width:56ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[64ch\]{max-width:64ch}.max-w-\[68ch\]{max-width:68ch}.max-w-\[440px\]{max-width:440px}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[900px\]{max-width:900px}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-\[3ch\]{min-width:3ch}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.grow{flex-grow:1}.basis-full{flex-basis:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-x-1{column-gap:var(--spacing)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.self-center{align-self:center}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-ink{border-color:var(--color-ink)}.border-ink-3{border-color:var(--color-ink-3)}.border-line{border-color:var(--color-line)}.border-rule{border-color:var(--color-rule)}.border-seal{border-color:var(--color-seal)}.bg-mark{background-color:var(--color-mark)}.bg-paper{background-color:var(--color-paper)}.bg-silk\/80{background-color:#ece4d2cc}@supports (color:color-mix(in lab, red, red)){.bg-silk\/80{background-color:color-mix(in oklab, var(--color-silk) 80%, transparent)}}.p-0{padding:0}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[58px\]{padding-block:58px}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-\[44px\]{padding-right:44px}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-\[68px\]{padding-left:68px}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-han{font-family:var(--font-han)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[13\.5px\]{font-size:13.5px}.text-\[15px\]{font-size:15px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[27px\]{font-size:27px}.text-\[58px\]{font-size:58px}.leading-\[1\.06\]{--tw-leading:1.06;line-height:1.06}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-cinnabar-deep{color:var(--color-cinnabar-deep)}.text-cream-2{color:var(--color-cream-2)}.text-gold{color:var(--color-gold)}.text-grid{color:var(--color-grid)}.text-ink{color:var(--color-ink)}.text-ink-2{color:var(--color-ink-2)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:border-ink-3:hover{border-color:var(--color-ink-3)}.hover\:border-seal:hover{border-color:var(--color-seal)}.hover\:text-cinnabar-deep:hover{color:var(--color-cinnabar-deep)}.hover\:text-seal:hover{color:var(--color-seal)}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}.max-md\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:48rem){.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.xl\:items-start{align-items:flex-start}.xl\:gap-12{gap:calc(var(--spacing) * 12)}}@media (pointer:coarse){.pointer-coarse\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-coarse\:hidden{display:none}}}@media (min-width:48rem){:root{--text-h1:1.728rem}}:root{--night:var(--color-night);--night-2:var(--color-night-2);--silk:var(--color-silk);--silk-2:var(--color-silk-2);--paper:var(--color-paper);--ink:var(--color-ink);--ink-2:var(--color-ink-2);--ink-3:var(--color-ink-3);--cream:var(--color-cream);--cream-2:var(--color-cream-2);--gold:var(--color-gold);--cinnabar:var(--color-cinnabar);--cinnabar-deep:var(--color-cinnabar-deep);--cinnabar-light:var(--color-cinnabar-light);--mount:var(--color-mount);--celadon:var(--color-celadon);--line:var(--color-line);--line-2:var(--color-line-2);--line-dark:var(--color-line-dark);--t1:var(--color-tone-1);--t2:var(--color-tone-2);--t3:var(--color-tone-3);--t4:var(--color-tone-4);--t0:var(--color-tone-0);--grid-line:#b5402a8c;--grid-soft:#b5402a4d;--grid-diag:#b5402a29;--sans:var(--font-sans);--serif:var(--font-serif);--brush:var(--font-brush);--t-meta:var(--text-xs);--t-sec:var(--text-sm);--t-body:var(--text-base);--t-h4:var(--text-lg);--t-h3:var(--text-xl);--t-h2:var(--text-2xl);--t-h1:var(--text-3xl);--t-display:var(--text-4xl);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--s-24:96px;--vp-wide:1280px;--gutter:32px;--motion-150:.15s;--motion-200:.2s;--motion-300:.3s;--shadow-paper:0 2px 12px #23201b0f;--noise-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .2 0 0 0 0 .12 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--bg-silk:repeating-linear-gradient(0deg, #23201b05 0 1px, transparent 1px 3px), var(--noise-light), var(--silk);--bg-paper:var(--noise-light), var(--paper);--bg-night:var(--noise-dark), radial-gradient(90% 140% at 85% 0%, #222b44 0%, #222b4400 60%), var(--night);--paper-2:var(--paper);--rule:var(--line);--grid:var(--grid-line);--seal:var(--cinnabar-deep);--jade:var(--color-tone-3);--mono:var(--sans);--han:var(--serif)}@media (max-width:767.98px){:root{--gutter:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}