:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1e9d4;--surface:#fbf6e8;--qr-dark:#000;--qr-light:#fff;--raised:#fdf9ef;--pressed:#e5dabd;--selected:#d9e9de;--text:#2a2d29;--text-soft:#3e413b;--muted:#625f50;--inverse-text:#fbf6e8;--accent:#1f6b4b;--accent-fill:#4f6380;--accent-pressed:#42546d;--on-accent:#fff;--border:#b9a983;--field-border:#8a7c5a;--border-soft:#d9cba8;--line:#ddd0b1;--scrollbar:#cbbb93;--danger:#b5402a;--danger-fill:#b5402a;--danger-bg:#ecbcae;--success:#3f8f2f;--success-text:#346f27;--success-bg:#e2eecf;--warn:#855600;--retried-bg:#f2e0b0;--shadow:#281e0033;--backdrop:#0e1f1b73;--ink:#2a2d29;--grid:#e3d8bb;--outline:#d7cba9;--reference:#b4d69a;--reference-missed:#c26a55;--reference-retried:#e0bf72;--chart-second:#6a4fa0}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1d2120;--surface:#252a28;--raised:#2c3230;--pressed:#363c3a;--selected:#35322a;--text:#ece3cb;--text-soft:#dcd3bb;--muted:#a9a68f;--inverse-text:#1d2120;--accent:#8db89a;--accent-fill:#5c7290;--accent-pressed:#4e627d;--on-accent:#fff;--border:#525a56;--field-border:#7c8581;--border-soft:#3d4441;--line:#363c3a;--scrollbar:#525a56;--danger:#ef8169;--danger-fill:#b23f2a;--danger-bg:#7a3426;--success:#a5cf62;--success-text:#a5cf62;--success-bg:#2a3a1d;--warn:#e6c27a;--retried-bg:#4a3b17;--shadow:#00000080;--backdrop:#0009;--ink:#ece3cb;--grid:#3a403d;--outline:#4a514e;--reference:#4a6b2c;--reference-missed:#c4624a;--reference-retried:#8a6a24;--chart-second:#b9a3e6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1d2120;--surface:#252a28;--raised:#2c3230;--pressed:#363c3a;--selected:#35322a;--text:#ece3cb;--text-soft:#dcd3bb;--muted:#a9a68f;--inverse-text:#1d2120;--accent:#8db89a;--accent-fill:#5c7290;--accent-pressed:#4e627d;--on-accent:#fff;--border:#525a56;--field-border:#7c8581;--border-soft:#3d4441;--line:#363c3a;--scrollbar:#525a56;--danger:#ef8169;--danger-fill:#b23f2a;--danger-bg:#7a3426;--success:#a5cf62;--success-text:#a5cf62;--success-bg:#2a3a1d;--warn:#e6c27a;--retried-bg:#4a3b17;--shadow:#00000080;--backdrop:#0009;--ink:#ece3cb;--grid:#3a403d;--outline:#4a514e;--reference:#4a6b2c;--reference-missed:#c4624a;--reference-retried:#8a6a24;--chart-second:#b9a3e6}}:root{--size-tiny:.8rem;--size-small:.9rem;--size-body:1rem;--size-large:1.1rem;--size-title:1.25rem;--size-big:1.5rem;--space-tiny:4px;--space-small:8px;--space-medium:12px;--space-large:16px;--space-huge:24px;--radius:8px;--radius-large:12px;--radius-round:999px;--tap:48px;--tap-small:44px;--tap-large:56px;--tap-least:24px;--qr-size:220px;--top-bar:36px;--arrow-room:64px;--study-top-room:171px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}:root[data-font=dyslexic] body{font-family:OpenDyslexic,system-ui,sans-serif}main{align-items:center;gap:var(--space-medium);padding:var(--space-large);--main-left:var(--space-large);flex-direction:column;display:flex;position:relative}.starting-note{display:none}main.starting .starting-note{text-align:center;color:var(--muted);font-size:var(--size-large);margin:0;display:block;position:absolute;top:40vh;left:0;right:0}main.starting #review-header,main.starting #study-area{visibility:hidden}:root[data-layout=wide]{--wide-side:max(var(--space-large), calc((100vw - var(--area-size) - 360px - var(--space-huge)) / 2))}:root[data-layout=wide] main:has(>.study-area:not([hidden])){--main-left:var(--wide-side);padding-left:var(--wide-side);padding-right:calc(var(--wide-side) + var(--area-size) + var(--space-huge))}:is(:root[data-layout=wide] main:has(>.study-area:not([hidden])) #writing-row,:root[data-layout=wide] main:has(>.study-area:not([hidden])) #card-face){top:var(--space-large);right:var(--wide-side);position:absolute}:root[data-layout=wide] main.focused .type-row{padding-left:max(0px, calc(46px - var(--wide-side)))}:root[data-layout=wide] main:has(>.study-area:not([hidden])) #card-face{top:calc(var(--space-large) / var(--face-zoom,1));right:calc(var(--wide-side) / var(--face-zoom,1))}@media (height>=640px){:root[data-layout=wide] main:has(>.study-area:not([hidden])){min-height:calc(var(--area-size) + 2 * var(--space-large))}:root[data-layout=wide] main>.study-area:not([hidden]){flex:1;align-self:stretch}:root[data-layout=wide] main:has(>.study-area:not([hidden]))>footer:has(>#update-button[hidden]){display:none}:root[data-layout=wide] .grade-row{order:10;grid-template-columns:1fr;max-width:360px;margin-top:auto}:root[data-layout=wide] button.grade{min-height:var(--tap-large);padding:0 var(--space-large);font-size:var(--size-large);flex-direction:row;justify-content:space-between}:root[data-layout=wide] button.grade .wait{font-size:var(--size-body)}}.top-bar{align-items:center;gap:var(--space-medium);min-height:var(--top-bar);align-self:stretch;margin:-10px 0 0 -10px;display:flex}main:not(.focused)>.top-bar{z-index:2;margin:calc(-1 * var(--space-large)) calc(-1 * var(--space-large)) 0 calc(-1 * var(--main-left));padding:6px var(--space-large) 6px calc(var(--main-left) - 10px);background:var(--bg);position:sticky;top:0}main:not(.focused)>.top-bar.scrolled{box-shadow:0 1px 0 var(--line)}.place-title{font-size:var(--size-title);font-weight:600}button.icon-button.menu-button{color:var(--text-soft);border-radius:var(--radius);background:0 0;border:none;position:relative}dialog.side-menu{padding:var(--space-large) var(--space-medium);border:none;border-right:1px solid var(--border-soft);background:var(--bg);width:min(260px,80vw);max-width:none;height:100%;max-height:none;box-shadow:2px 0 12px var(--shadow);flex-direction:column;justify-content:space-between;margin:0;display:none}dialog.side-menu[open]{display:flex}dialog.side-menu::backdrop{background:var(--backdrop)}@media (prefers-reduced-motion:no-preference){dialog.side-menu[open]{animation:.15s ease-out slide-in}}@keyframes slide-in{0%{transform:translate(-100%)}}.side-menu-items{gap:var(--space-tiny);flex-direction:column;display:flex}.side-menu-items button{align-items:center;gap:var(--space-medium);width:100%;font-size:var(--size-body);text-align:left;background:0 0;border:none;justify-content:flex-start;display:flex}.side-menu-items button.selected{background:var(--selected);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.menu-count{font-size:var(--size-small);color:var(--muted);margin-left:auto}.side-menu-items button.selected .menu-count{color:inherit}.side-menu-items button svg{color:var(--muted)}.side-menu-bottom{border-top:1px solid var(--border-soft);padding-top:var(--space-small)}.backup-due-line{padding:0 var(--space-medium);font-size:var(--size-small);color:var(--muted);margin:0}.section-switch{gap:var(--space-small);display:flex}.section-switch button{padding:0 var(--space-medium);font-size:var(--size-body);white-space:nowrap}.section-switch button.selected{border-color:var(--accent);background:var(--selected);font-weight:600}.review-header{align-items:center;gap:var(--space-tiny);text-align:center;flex-direction:column;width:100%;max-width:520px;display:flex}.review-header p{margin:0}.counts{font-size:var(--size-small);color:var(--muted)}.card-type{font-size:var(--size-small);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:600}.type-row{justify-content:flex-start;align-self:stretch;align-items:center;gap:var(--space-small);min-height:36px;display:flex}.type-row .card-type{margin-right:auto}.type-row .card-type:has(+.leech-tag:not([hidden])){margin-right:0}.deck-tag{align-items:center;gap:var(--space-tiny);min-width:0;min-height:var(--tap-least);padding:0 var(--space-tiny);font-size:var(--size-small);color:var(--muted);background:0 0;border:none;flex:0 1000 auto;display:none;overflow:hidden}main.focused .deck-tag:not([hidden]){display:inline-flex}main.focused:not(.learning) .deck-tag:not([hidden]){margin-right:auto}.deck-tag:after{content:"▾"}.deck-tag-icon{flex:none;display:none}.deck-tag-icon rect{fill:var(--bg)}.type-row{container-type:inline-size}:root main.focused.learning .type-row .deck-tag{grid-area:1/1;justify-self:start;max-width:100%}@container (width<=479px){main.focused.learning .deck-tag:after,main.focused.learning .deck-tag .deck-select-name{display:none}main.focused.learning .deck-tag .deck-tag-icon{display:block}}@media (width<=599px){:root main.focused.learning .type-row .deck-tag{margin-left:30px}}:root[data-layout=wide] main.focused.learning .type-row .deck-tag{margin-left:max(0px, calc(46px - var(--wide-side)))}main.focused:not(.learning) .type-row:has(>.deck-tag:not([hidden])) :is(.card-type,.leech-tag){margin-right:0}main.focused:not(.learning) .type-row:has(>.deck-tag:not([hidden]))>:not(.deck-tag){flex-shrink:0}.leech-tag{min-height:var(--tap-least);padding:0 var(--space-tiny);font-size:var(--size-small);letter-spacing:.06em;text-transform:uppercase;color:var(--danger);background:0 0;border:none;margin-right:auto;font-weight:600;text-decoration:underline}.type-row #listen-button{order:1}button.icon-button{width:36px;height:36px;min-height:0;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}button.icon-button:before{content:"";position:absolute;inset:-4px}button.icon-button.no-sound{color:var(--border)}.meaning{font-size:var(--size-title)}#prompt-pinyin{order:1}#prompt-meaning{font-size:var(--meaning-size,var(--size-big));order:2;font-weight:700}#prompt-meaning.clamped{max-height:calc(1.25em * var(--meaning-lines,1));-webkit-line-clamp:var(--meaning-lines,1);line-height:1.25}#prompt-meaning .sense.cut-after:after{content:"…"}.chinese-gap{vertical-align:-.02em;opacity:.5;border-radius:calc(var(--radius) / 2);box-sizing:border-box;text-indent:1em;white-space:nowrap;border:2px solid;width:.7em;height:.7em;display:inline-block;overflow:hidden}.review-header .lesson-row{order:3}.clamped{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:1.3em;line-height:1.3;display:-webkit-box;overflow:hidden}.has-more{cursor:pointer}main.focused .counts-row,main.focused .place-title,main.focused #study-back-label{display:none}main.focused .top-bar:has(#study-back-button:not([hidden])) .menu-button{display:none}main.focused .type-row{margin-bottom:calc(var(--card-offset,0px) + var(--meaning-unused,0px))}@media (width<=599px){main.focused .type-row{padding-left:30px}}@media (width<=389px){main.focused .type-row{gap:var(--space-small)}main.focused :is(.card-type,.leech-tag){letter-spacing:.02em}main.focused:not(.learning) :is(.card-type,.leech-tag){font-size:var(--size-tiny)}}main.focused{padding-top:6px}:root main.focused.learning .type-row{grid-template-columns:1fr auto 1fr;padding-left:0;display:grid}main.focused.learning .type-row .card-type{text-align:center;grid-column:2;margin-right:0}main.focused.learning .type-row #listen-button{grid-column:3;justify-self:end}:root main.focused.learning .type-row:has(>.learn-strip:not([hidden])){grid-template-columns:minmax(48px,1fr) minmax(0,auto) minmax(48px,1fr)}.learn-strip{justify-content:center;align-items:center;gap:var(--space-tiny);grid-column:2;min-width:0;display:flex;overflow:hidden}.learn-chip{box-sizing:border-box;min-width:28px;height:28px;min-height:0;padding:0 var(--space-tiny) 3px;border:1px solid var(--border);border-radius:calc(var(--radius) / 2);font-size:var(--size-small);color:var(--text);white-space:nowrap;flex:none;justify-content:center;align-items:center;margin:0;line-height:1;display:inline-flex;position:relative}.learn-chip.learned{border-color:var(--success);background:var(--success-bg)}.learn-chip.current{border:2px solid var(--accent);background:var(--selected)}.learn-chip.to-come{border-style:dashed}.learn-chip.asking .chip-word{visibility:hidden}.chip-steps{gap:2px;display:flex;position:absolute;bottom:2px;left:3px;right:3px}.chip-steps>span{background:var(--border);border-radius:1px;flex:1;height:3px}.chip-steps>span.done{background:var(--accent)}.chip-count{margin-right:var(--space-tiny);font-size:var(--size-tiny);color:var(--muted);font-weight:600;display:none}.learn-strip[data-look=squares] :is(.learned,.to-come){border-radius:2px;width:10px;min-width:10px;height:10px;padding:0}.learn-strip[data-look=squares] :is(.learned,.to-come) .chip-word,.learn-strip[data-look=count] :is(.learned,.to-come){display:none}.learn-strip[data-look=count] .chip-count{display:inline}.for-screen-readers{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}main.focused .top-bar{z-index:1;width:auto;min-height:0;margin:0;position:absolute;top:6px;left:6px}.word-row.single{display:none}.review-header .link-button{min-height:0;margin:0;padding:0 2px;display:inline}#prompt-pinyin[hidden]{visibility:hidden;display:block!important}#prompt-pinyin{min-height:1.5em}#prompt-pinyin.one-line{white-space:nowrap;text-overflow:ellipsis;align-self:stretch;min-width:0;overflow:hidden}#prompt-pinyin.smaller>span{font-size:var(--size-small)}.zhuyin{word-break:keep-all}#prompt-meaning{min-height:calc(1.5 * var(--size-title))}main.focused #prompt-meaning{min-height:0}main.focused #prompt-meaning:not(.with-sentence){font-size:calc(var(--meaning-size,var(--size-big)) * var(--meaning-zoom,1))}:root:not([data-layout=wide]) main.focused #prompt-meaning:not(.with-sentence){width:max(100%, var(--area-size,0px));flex-shrink:0}.type-row .link-button[hidden]{display:none}#confirm-detail{white-space:pre-line}#prompt-meaning.with-sentence{max-height:none;font-size:var(--size-title);display:block}#prompt-meaning.with-sentence .prompt-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:1.3em;line-height:1.3;display:-webkit-box;overflow:hidden}.cloze-sentence{margin-top:var(--space-tiny);font-size:1.5rem;display:block}.pinyin{font-size:var(--size-large);color:var(--accent)}.done-panel{padding:32px var(--space-large);font-size:var(--size-large);text-align:center}.done-heading{margin:0 0 var(--space-large);font-size:var(--size-title)}.done-panel p{margin:0 0 var(--space-small)}.done-panel>button:not(.link-button){width:min(100%,16em);margin:var(--space-medium) auto 0;display:block}#done-message{margin-bottom:var(--space-large)}main:has(>.done-panel:not([hidden])){height:100dvh}main:has(>.done-panel:not([hidden]))>.done-panel{margin-block:auto}main:has(>.done-panel:not([hidden])):after{content:"";flex:0 1 var(--study-top-room)}.review-limits{margin-top:var(--space-medium);justify-content:center}.review-other{justify-content:center;align-items:center;gap:var(--space-small);margin:var(--space-medium) 0;flex-wrap:wrap;display:flex}.review-start .hint{margin-top:var(--space-large)}.done-next{color:var(--muted)}.learned-list{max-width:28rem;margin:0 auto var(--space-large);border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);text-align:left;padding:0;list-style:none;overflow:hidden}.learned-list li+li{border-top:1px solid var(--line)}main.learn-summary #review-header>:not(.counts-row){display:none}button.learned-word{align-items:baseline;column-gap:var(--space-medium);width:100%;min-height:var(--tap-small);padding:var(--space-tiny) var(--space-medium);color:var(--text);font:inherit;text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:auto auto minmax(0,1fr);display:grid}.learned-characters{font-size:var(--size-title)}.learned-reading{font-size:var(--size-body);color:var(--accent)}.learned-meaning{font-size:var(--size-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.done-why{color:var(--muted);font-size:var(--size-small)}.done-panel p.sync-note{margin:var(--space-large) 0 0;color:var(--muted);font-size:var(--size-small)}.sync-note .link-button{margin:0;display:inline-block}.study-area{align-items:center;gap:var(--space-medium);flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.drawn-strokes>g{transition:transform .2s ease-out}}.stroke-demo-line{fill:none;stroke:var(--accent);stroke-width:200px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;animation:1.5s ease-in-out infinite stroke-demo}@keyframes stroke-demo{0%{stroke-dashoffset:1px;opacity:1}60%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.hint a{color:var(--accent)}.script-flag{font-size:var(--size-small);color:var(--muted);margin:0}.study-area>.script-flag{z-index:1;box-sizing:border-box;width:var(--area-size,300px);height:0;margin-bottom:calc(-1 * var(--space-medium));padding-left:var(--space-medium);transform:translateY(calc(var(--space-medium) + var(--space-small)));pointer-events:none;line-height:1.2;position:relative}:root[data-layout=wide] .study-area>.script-flag{width:auto;height:auto;margin-bottom:0;padding-left:0;transform:none}.welcome p{margin:0 0 var(--space-medium)}.welcome fieldset.setting label{margin:var(--space-tiny) 0;display:block}.welcome input[type=radio]{vertical-align:middle;width:20px;height:20px}.welcome-bar{bottom:calc(-1 * var(--space-huge));z-index:1;margin:var(--space-large) calc(-1 * var(--space-huge)) 0;padding:var(--space-medium) var(--space-huge);background:var(--bg);border-top:1px solid #0000;position:sticky}.welcome-bar.covering{border-top-color:var(--border)}fieldset.setting.theme-picker{flex-direction:row;justify-content:space-around;align-items:flex-start}fieldset.setting.theme-picker label.theme-choice{align-items:center;gap:var(--space-small);text-align:center;width:30%;font-size:var(--size-small);cursor:pointer;flex-direction:column;margin:0;display:flex}.theme-choice input{opacity:0;pointer-events:none;position:absolute}.theme-swatch{border:1px solid var(--border);border-radius:var(--radius-large);width:56px;height:56px;display:block;position:relative;overflow:hidden}.theme-swatch img{width:100%;height:100%;display:block}.theme-swatch.light img,.theme-swatch.auto img:first-child{filter:contrast(.85)sepia(.18)brightness(.97)}.theme-swatch.dark img,.theme-swatch.auto img+img{filter:invert(.9)hue-rotate(180deg)sepia(.5)hue-rotate(40deg)saturate(.4)contrast(.92)brightness(.9)}.theme-swatch.auto img+img{clip-path:polygon(100% 0,100% 100%,0 100%);position:absolute;top:0;left:0}.theme-choice input:checked+.theme-swatch{outline:3px solid var(--accent);outline-offset:2px}.theme-choice input:focus-visible+.theme-swatch{outline:3px dashed var(--accent);outline-offset:2px}.welcome-steps{margin:0 0 var(--space-medium);padding-left:var(--space-large)}.welcome-steps li{margin-bottom:var(--space-small)}.welcome-more{margin:var(--space-small) 0}.welcome-more>summary{color:var(--accent);cursor:pointer;padding:var(--space-tiny) 0}.welcome section>button{margin-bottom:var(--space-medium)}.basics p{margin:0 0 var(--space-medium)}.basics-list{margin:0 0 var(--space-medium);padding:0;list-style:none}.basics-list li{align-items:center;gap:var(--space-small);margin-bottom:var(--space-small);display:flex}.basics-mark svg{fill:currentColor;width:1.75rem;height:1.75rem;display:block}.basics-mark path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round}.basics-list .basics-mark{color:var(--accent);flex:none}.basics-marks{gap:var(--space-small);margin-top:var(--space-tiny);color:var(--text-soft);display:flex}.basics-cards{margin:0 0 var(--space-medium)}.basics-cards dt{font-weight:700}.basics-cards dd{margin:0 0 var(--space-small) var(--space-large)}.link-button{margin:var(--space-medium) auto 0;min-height:var(--tap-small);padding:0 var(--space-small);font-size:var(--size-small);color:var(--quiet-text);-webkit-text-decoration:var(--quiet-line);text-decoration:var(--quiet-line);text-underline-offset:.2em;background:0 0;border:none;display:block}:root{--quiet-text:var(--text);--quiet-line:underline}.lesson-row{justify-content:center;align-items:baseline;gap:2px var(--space-small);flex-wrap:wrap;display:flex}.lesson-row .link-button{min-height:0;margin:0;padding:0 2px;display:inline}footer{justify-content:center;align-items:center;gap:var(--space-small);margin-top:var(--space-large);font-size:var(--size-small);color:var(--muted);flex-wrap:wrap;display:flex}select{font:inherit;min-height:var(--tap-small);padding:0 var(--space-small);border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.word-form{gap:var(--space-small);width:100%;max-width:480px;display:flex}.word-form select{min-height:var(--tap)}.word-form input{min-width:0;min-height:var(--tap);padding:0 var(--space-medium);font:inherit;font-size:var(--size-title);border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);color:inherit;flex:1}.note{font-size:var(--size-small);color:var(--warn);margin:0}.note:empty{display:none}.progress-row{justify-content:center;align-items:center;gap:var(--space-small) var(--space-large);flex-wrap:wrap;min-height:44px;display:flex}.word-row{justify-content:center;gap:var(--space-small);flex-wrap:wrap;display:flex}.slot{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex}@media (width<=460px){.slot{width:38px;height:38px;font-size:1.4rem}}.slot.current{border:2px solid var(--accent)}.slot.preview{color:var(--muted)}.slot.skipped{border-style:dashed}.writing-row{align-items:center;display:flex;position:relative}.side-arrow{z-index:1;width:28px;min-height:72px;color:var(--accent);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.side-arrow-icon{flex:none}#back-button{left:2px}#skip-button{right:2px}.card-face .face-arrow{left:2px}.card-face .face-arrow.forward{left:auto;right:2px}:root[data-arrows=beside] .card-face .face-arrow{left:calc(-28px - var(--space-tiny));opacity:1}:root[data-arrows=beside] .card-face .face-arrow.forward{left:auto;right:calc(-28px - var(--space-tiny))}.writing-row.arrows-beside{gap:var(--space-tiny)}.writing-row.arrows-beside .side-arrow{opacity:1;min-height:96px;position:static;transform:none}.side-arrow:active{color:var(--text);background:0 0}.side-arrow.unavailable{visibility:hidden}.slot.passed{border-color:var(--success);background:var(--success-bg)}.slot.missed{border-color:var(--danger);background:var(--danger-bg)}.slot.passed,.slot.missed{position:relative}.slot.passed:after,.slot.missed:after{width:18px;height:18px;font:bold var(--size-tiny)/1 system-ui, sans-serif;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-7px;right:-7px}.slot.passed:after{content:"✓";background:var(--success-text);color:var(--surface)}.slot.missed:after{content:"✕";background:var(--danger-fill);color:var(--on-accent)}.slot.current.passed,.slot.current.missed{outline:2px solid var(--accent);outline-offset:2px}.slot.passed.retried{border-color:var(--warn);background:var(--retried-bg)}.slot.passed.retried:after{content:"✓" attr(data-try);width:auto;padding:0 var(--space-tiny);background:var(--warn);color:var(--surface);border-radius:9px}button.slot{cursor:pointer;min-height:0;padding:0}.status-row{justify-content:center;align-items:center;gap:var(--space-tiny) var(--space-medium);flex-wrap:wrap;display:flex}.stroke-count{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:1.4rem;font-weight:700}.status{font-size:var(--size-large);white-space:nowrap;text-align:center;margin:0}:root[data-font=dyslexic] .progress-row{gap:var(--space-tiny);flex-flow:column;min-height:64px}:root[data-font=dyslexic] .status{font-size:var(--size-small)}.writing-area{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none}.ghost{visibility:hidden}.card-face{justify-content:center;align-items:center;gap:var(--space-small);box-sizing:border-box;zoom:var(--face-zoom,1);width:calc(var(--area-size,300px) / var(--face-zoom,1));height:calc(var(--area-size,300px) / var(--face-zoom,1));padding:var(--space-medium);background:var(--surface);border:calc(2px / var(--face-zoom,1)) solid var(--border);border-radius:var(--radius);text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:column;display:flex;position:relative}.card-face.drawable{touch-action:none;isolation:isolate}.card-face.drawable:before{content:"";z-index:-1;pointer-events:none;background-color:var(--grid);--guide-lines:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' preserveAspectRatio='none'%3E%3Cg stroke='black' stroke-dasharray='6 6'%3E%3Cline x1='0' y1='0' x2='300' y2='300'/%3E%3Cline x1='300' y1='0' x2='0' y2='300'/%3E%3Cline x1='150' y1='0' x2='150' y2='300'/%3E%3Cline x1='0' y1='150' x2='300' y2='150'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:var(--guide-lines);-webkit-mask-image:var(--guide-lines);mask-image:var(--guide-lines);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.tone-ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tone-ink path{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.card-face p{margin:0}.face-word{font-size:3.2rem;line-height:1.2}.face-word.long{font-size:1.8rem;line-height:1.4}.face-word.single{font-size:6rem}.face-hint{font-size:var(--size-body);color:var(--muted)}.past-drawings{grid-template-columns:repeat(var(--columns,1), 1fr);gap:var(--space-small);width:100%;display:grid}.past-square{aspect-ratio:1;border:2px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);justify-content:center;align-items:center;min-height:0;padding:0;display:flex;position:relative}.past-square.passed{border-color:var(--success);background:var(--success-bg)}.past-square.missed{border-color:var(--danger);background:var(--danger-bg)}.past-square.skipped{border-style:dashed}.past-drawings.many{gap:var(--space-tiny)}.past-drawings.many .past-square:after{width:12px;height:12px;font-size:.55rem;top:-5px;right:-5px}.past-drawings.many .past-char{font-size:var(--size-large)}.past-square svg{width:100%;height:100%}.past-char{font-size:2.4rem;line-height:1}.past-square.passed:after,.past-square.missed:after{width:18px;height:18px;font:bold var(--size-tiny)/1 system-ui, sans-serif;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-7px;right:-7px}.past-square.passed:after{content:"✓";background:var(--success-text);color:var(--surface)}.past-square.missed:after{content:"✕";background:var(--danger-fill);color:var(--on-accent)}.card-face p.tone-char{margin-bottom:var(--space-small);font-size:2.6rem;line-height:1.2}.card-face p.tone-examples{margin:var(--space-small) 0;color:var(--border);line-height:0}.tone-examples svg{width:2.5rem;height:2.5rem;margin:0 var(--space-tiny);fill:currentColor}.tone-examples path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round}.card-face .face-link{margin-top:var(--space-medium)}.face-hint.tone-ask{font-size:var(--size-title);color:var(--text-soft)}.face-pinyin{font-size:var(--size-big);color:var(--accent)}.face-pinyin.passed{color:var(--success-text)}.face-pinyin.missed{color:var(--danger)}.face-pinyin.passed:after,.face-pinyin.missed:after{width:1.5em;height:1.5em;margin-left:var(--space-small);vertical-align:.15em;font:bold var(--size-small)/1 system-ui, sans-serif;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.face-pinyin.passed:after{content:"✓";background:var(--success-text);color:var(--surface)}.face-pinyin.missed:after{content:"✕";background:var(--danger-fill);color:var(--on-accent)}.card-face.with-tip{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;justify-content:flex-start;overflow-y:auto}.card-face.with-tip:not(.drawable):before{content:"";margin-bottom:calc(-1 * var(--space-small));flex-grow:1}.card-face.with-tip>.face-tip{flex-grow:1}.card-face.with-tip>*{flex-shrink:0}.card-face.with-tip .face-meaning{-webkit-line-clamp:4}.face-tip{gap:var(--space-tiny);margin-top:var(--space-tiny);padding-top:var(--space-small);border-top:1px solid var(--line);text-align:left;font-size:var(--size-small);color:var(--text-soft);flex-direction:column;display:flex}.face-tip-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.face-tip-sentence{font-size:var(--size-body)}.face-tip-english{color:var(--muted)}.face-tip-more{align-self:flex-start;min-height:0}.card-about{bottom:0;left:calc(50% - var(--area-size,300px) / 2);z-index:1;min-height:0;padding:var(--space-small) var(--space-medium) var(--space-medium);position:absolute}.card-face>.card-about{left:0}.card-face.flagged{padding-top:calc(var(--space-medium) + 1.4em)}.practice-again{bottom:0;right:calc(50% - var(--area-size,300px) / 2);z-index:1;min-height:0;padding:var(--space-small) var(--space-medium) var(--space-medium);margin:0;position:absolute}.card-face.with-tip .face-tip-more{margin:auto calc(-1 * var(--space-medium)) calc(-1 * var(--space-medium));padding:var(--space-small) var(--space-medium) var(--space-medium);text-align:left;background:var(--surface);border-top:1px solid var(--line);align-self:stretch;position:sticky;bottom:-12px}.face-meaning{font-size:var(--size-title);-webkit-line-clamp:5;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.face-note{font-size:var(--size-small);color:var(--warn);line-height:1.3}.face-note.missed{color:var(--danger)}.tone-buttons button{min-width:52px;font-size:1.6rem}.tone-buttons button[data-tone]{height:48px;padding-top:var(--space-medium);padding-bottom:0;font-size:2.8rem;line-height:1}.tone-buttons button[data-tone="5"]{padding-top:0}.tone-buttons button.primary{font-size:1rem}.settings-panel{width:min(92vw,420px);padding:var(--space-huge);border:1px solid var(--border);border-radius:var(--radius-large);background:var(--bg);color:var(--text)}.dialog-close{top:var(--space-small);right:var(--space-small);width:var(--tap-small);height:var(--tap-small);min-height:0;color:var(--text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.dialog-close:active{background:var(--pressed)}.settings-panel:has(>.dialog-close)>h2{padding-right:var(--space-huge)}.settings-panel:has(>.dialog-close)>form>h2{padding-right:var(--space-huge)}.settings-panel::backdrop{background:var(--backdrop)}.settings-panel select{text-overflow:ellipsis;min-width:0;max-width:100%}.settings-panel fieldset{min-inline-size:0}.sync-code{font-family:monospace;font-size:var(--size-big);letter-spacing:.05em;word-spacing:.2em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:var(--space-small) 0}.sync-qr{inline-size:min(var(--qr-size), 100%);block-size:auto;margin:var(--space-small) 0;display:block}.sync-buttons{gap:var(--space-small);margin:var(--space-medium) 0;flex-wrap:wrap;display:flex}.sync-invite-points li{margin-block-end:var(--space-small)}.sync-invite h2+.hint{margin-block-start:var(--space-small)}.sync-invite-buttons{align-items:stretch;gap:var(--space-small);margin:var(--space-medium) 0;flex-direction:column;display:flex}.scan-video{object-fit:cover;border-radius:var(--radius);background:var(--border);max-block-size:50vh;inline-size:100%;display:block}.privacy-list li{margin-block-end:var(--space-small)}.sync-join{align-items:center;gap:var(--space-small);margin-top:var(--space-small);flex-wrap:wrap;display:flex}.sync-join input{min-block-size:var(--tap-small);flex:16em;font-family:monospace}.sync-problem{color:var(--danger);inline-size:100%}.settings-panel .setting .setting{max-width:100%}.error-banner{padding:var(--space-small) var(--space-large);background:var(--danger-fill);color:var(--on-accent);text-align:center;font-size:var(--size-small);margin:0;position:fixed;bottom:0;left:0;right:0}.error-banner .link-button{margin:0 0 0 var(--space-small);color:var(--on-accent);display:inline}#error-text{box-sizing:border-box;width:100%;font:.8rem monospace}.credits{font-size:var(--size-small)}.credits ul{padding-left:18px}.credits li{margin-bottom:var(--space-small)}.top-pill-place{top:calc(var(--space-large) - 10px + var(--space-tiny));align-items:center;gap:var(--space-tiny);pointer-events:none;z-index:5;flex-direction:column;display:flex;position:fixed;left:0;right:0}.top-pill{pointer-events:auto;min-height:calc(var(--top-bar) - 2 * var(--space-tiny));padding:0 var(--space-medium);border:1px solid var(--accent);border-radius:var(--radius-round);background:var(--raised);color:var(--text);font-size:var(--size-small);white-space:nowrap;box-shadow:0 2px 8px var(--shadow);transition:opacity .4s ease-in}.top-pill.leaving{opacity:0}@media (prefers-reduced-motion:no-preference){.top-pill:not([hidden]){animation:.3s ease-out backwards pill-in}}p.top-pill{line-height:calc(var(--top-bar) - 2 * var(--space-tiny));pointer-events:none;margin:0}main:not(.focused)>.top-pill-place>#import-pill{margin-right:var(--space-large);align-self:flex-end}@keyframes pill-in{0%{opacity:0;transform:translateY(-8px)}}.learned-pill-place{top:calc(6px + var(--top-bar) + var(--space-small));pointer-events:none;z-index:4;justify-content:center;display:flex;position:fixed;left:0;right:0}.learned-pill{min-height:calc(var(--top-bar) - 2 * var(--space-tiny));padding:0 var(--space-medium);border:1px solid var(--success);border-radius:var(--radius-round);background:var(--raised);color:var(--text);font-size:var(--size-small);white-space:nowrap;box-shadow:0 2px 8px var(--shadow);align-items:center;margin:0;display:flex}.pill-tick{color:var(--success-text);white-space:pre;font-weight:700}@media (prefers-reduced-motion:no-preference){.learned-pill:not([hidden]){animation:.3s ease-out backwards pill-in}}.streak-dialog{text-align:center}.streak-mascot{margin:0 0 var(--space-small);font-size:3rem;line-height:1.2}.streak-kicker{font-size:var(--size-small);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}@media (prefers-reduced-motion:no-preference){.streak-dialog[open] .streak-mascot,.streak-dialog[open] .streak-number{animation:.5s ease-out both streak-pop}.streak-dialog[open] .streak-number{animation-delay:.15s}}.streak-number-wrap{position:relative}.streak-number-wrap .streak-number{z-index:1;position:relative}.streak-sparkles{pointer-events:none;width:0;height:0;position:absolute;top:40%;left:50%}.streak-sparkles span{background:var(--accent);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;width:18px;height:18px;animation:.6s ease-out .2s both streak-sparkle;position:absolute}.streak-sparkles span.small{width:12px;height:12px}@keyframes streak-sparkle{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}40%{opacity:1;transform:translate(calc(-50% + var(--dx) * .6), calc(-50% + var(--dy) * .6)) scale(1) rotate(15deg)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.3) rotate(30deg)}}@keyframes streak-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.streak-number{margin:var(--space-medium) 0 0;color:var(--accent);font-size:3.5rem;font-weight:700;line-height:1}.streak-label{margin:var(--space-tiny) 0 var(--space-large);font-size:var(--size-title)}.streak-detail{margin:0 0 var(--space-huge)}.streak-detail p{margin:0 0 var(--space-tiny)}.streak-dialog>.primary{width:min(100%,16em)}.streak-dialog>.streak-off{margin:var(--space-medium) auto 0;display:block}.setting.streak-goal:not([hidden]){line-height:2.4;display:block}.setting.streak-goal input[type=number]{width:4.5em}.whats-new-list{max-height:55vh;overflow-y:auto}.whats-new-list h3{margin:var(--space-medium) 0 var(--space-tiny);font-size:var(--size-body)}.whats-new-list ul{padding-left:var(--space-large);margin:0}.whats-new-list li{margin-bottom:var(--space-small)}.hint.whats-new-feedback{margin-top:var(--space-large);text-align:center}.feedback-address{overflow-wrap:anywhere}#settings-panel{width:min(92vw,420px)}.settings-nav{gap:var(--space-small);flex-direction:column;display:flex}.settings-nav button[hidden]{display:none}.settings-nav button{width:100%;padding:var(--space-medium);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;align-items:center;font-weight:600;display:flex}.settings-nav button:after{content:"›";padding-left:var(--space-small);color:var(--muted);font-size:var(--size-title);margin-left:auto;line-height:1}#settings-panel[data-view=list] .settings-pages,#settings-panel[data-view=group] .settings-nav{display:none}.settings-group h3{margin:0 0 var(--space-large);font-size:var(--size-body)}.settings-back{min-height:var(--tap-small);padding:var(--space-tiny) 0;color:var(--accent);font:inherit;background:0 0;border:none;align-items:center;gap:2px;font-weight:600;display:inline-flex}@media (width>=720px){#settings-panel{width:min(92vw,800px);height:min(90vh,720px)}.settings-body{gap:var(--space-huge);grid-template-columns:230px 1fr;align-items:start;display:grid}#settings-panel[data-view] .settings-nav,#settings-panel[data-view] .settings-pages{display:flex}.settings-pages{flex-direction:column;min-width:0}.settings-nav{gap:var(--space-tiny);position:sticky;top:60px}.settings-nav button{padding:var(--space-small) var(--space-medium);background:0 0;border-color:#0000;font-weight:400}.settings-nav button:after{content:none}.settings-nav button[aria-current=true]{background:var(--selected);font-weight:600}}summary{-webkit-user-select:none;user-select:none}#volume-input{height:32px}.settings-panel .hint a{padding:var(--space-tiny) 0}button.menu-button.reminder:after{content:"";background:var(--danger);border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}#settings-button.reminder:after{content:"";background:var(--danger);border-radius:50%;width:10px;height:10px;margin-left:auto}.settings-nav button.reminder:before{content:"";width:9px;height:9px;margin-left:var(--space-small);background:var(--danger);border-radius:50%;flex:none;order:1}.settings-nav button.reminder:after{order:2}.settings-panel h2{font-size:var(--size-title);margin:0}.settings-heading{top:calc(-1 * var(--space-huge));z-index:1;justify-content:space-between;align-items:center;gap:var(--space-medium);margin:calc(-1 * var(--space-huge)) calc(-1 * var(--space-huge)) var(--space-medium);padding:var(--space-large) var(--space-huge) var(--space-medium);background:var(--bg);border-bottom:1px solid var(--border-soft);display:flex;position:sticky}.setting{justify-content:space-between;align-items:center;gap:var(--space-small);margin:0 0 var(--space-large);flex-wrap:wrap;display:flex}.help-button{width:32px;height:32px;min-height:0;margin-left:var(--space-tiny);font:inherit;font-size:var(--size-small);border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:help;border-radius:50%;padding:0;line-height:1}.setting .hint{flex-basis:100%;margin:0}fieldset.setting{padding:var(--space-small) var(--space-medium);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start}#other-script-types{gap:var(--space-small);flex-direction:column;display:flex}#other-script-types[hidden]{display:none}#other-script-legend [lang]{white-space:nowrap}.setting input[type=number],.review-other input{width:5em;min-height:var(--tap-small);padding:0 var(--space-small);font:inherit;border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface)}.setting input[type=checkbox]{vertical-align:middle;width:20px;height:20px}.buttons{justify-content:center;gap:var(--space-small);flex-wrap:wrap;display:flex}button{font:inherit;min-height:var(--tap);padding:0 var(--space-large);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit}button.danger{border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.45;cursor:default}button:active{background:var(--pressed)}.order-note{max-width:420px;min-height:2.6em;font-size:var(--size-small);text-align:center;color:var(--muted);margin:0;line-height:1.3}.order-note a{color:var(--accent)}button.small{min-height:var(--tap-small);padding:0 var(--space-medium);font-size:var(--size-small)}#storage-message-advice [lang]{white-space:nowrap}#writing-buttons.tools-away>:not(.primary){display:none}:root[data-font=dyslexic] #writing-buttons>button{padding-inline:var(--space-small);font-size:var(--size-small)}.grade-row{gap:var(--space-small);grid-template-columns:repeat(4,1fr);width:100%;max-width:420px;display:grid}button.verdict{justify-content:center;align-items:center;gap:var(--space-tiny);font-size:var(--size-body);display:flex}button.verdict[aria-pressed=true]{border-width:2px;font-weight:600}button.verdict.passed[aria-pressed=true]{border-color:var(--success);background:var(--success-bg)}button.verdict.missed[aria-pressed=true]{border-color:var(--danger);background:var(--danger-bg)}.grade-row.one{grid-template-columns:1fr}.grade-row.two{grid-template-columns:repeat(2,1fr)}button.grade{padding:var(--space-tiny) 2px;font-size:var(--size-body);flex-direction:column;justify-content:center;align-items:center;display:flex}button.grade .wait{font-size:var(--size-tiny);opacity:.75}button.grade.primary .wait{opacity:1}button.primary{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent)}button.primary:active{background:var(--accent-pressed)}.words-panel{gap:var(--space-medium);flex-direction:column;width:100%;max-width:520px;display:flex}.words-panel h2,.add-list summary{font-size:var(--size-large);margin:0;font-weight:600}.add-word-form{gap:var(--space-small);flex-direction:column;display:flex}.words-panel input[type=text],.words-panel input[type=search],.words-panel textarea,.setting.stacked input,.skritter-list input,.skritter-guide textarea{width:100%;min-height:var(--tap-small);padding:var(--space-small) var(--space-medium);font:inherit;font-size:var(--size-body);border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);color:inherit}.suggestions{gap:var(--space-small);flex-direction:column;display:flex}.suggestions:empty{display:none}.suggestions p{margin:0}.pinyin-preview{color:var(--accent);margin:0}.pinyin-preview:empty{display:none}.hint{margin:0 0 var(--space-small);font-size:var(--size-small);color:var(--muted)}.buttons+.hint{margin-top:var(--space-medium)}.add-list{padding:var(--space-medium) var(--space-medium);border:1px solid var(--border);border-radius:var(--radius)}.add-list[open] summary{margin-bottom:var(--space-small)}.add-list .buttons{margin:var(--space-small) 0;justify-content:flex-start}.list-problems{padding-left:var(--space-huge);font-size:var(--size-small);color:var(--muted);margin:0}.list-or{margin:0}.list-file-line{align-items:center;gap:var(--space-small);margin:0 0 var(--space-medium);overflow-wrap:anywhere;display:flex}.list-file-line .link-button{flex-shrink:0;margin:0 0 0 auto}.list-summary{margin:0 0 var(--space-small);font-size:var(--size-large)}.list-problems-fold summary{color:var(--danger)}.list-problems-fold summary,.list-format summary{min-height:var(--tap-small);cursor:pointer;align-items:center;display:flex}.list-problems-fold summary::-webkit-details-marker{display:none}.list-format summary::-webkit-details-marker{display:none}.list-problems-fold summary:before,.list-format summary:before{content:"▸";margin-right:var(--space-small)}.list-problems-fold[open] summary:before,.list-format[open] summary:before{content:"▾"}.list-problems-fold{margin-bottom:var(--space-small)}.list-preview{margin:var(--space-small) 0 0;padding:0;list-style:none}.list-preview li{align-items:baseline;gap:0 var(--space-medium);padding:var(--space-small) 0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;display:grid}.list-preview .entry-characters{font-size:var(--size-large)}.list-preview .entry-pinyin{color:var(--accent)}.list-preview .entry-definition{color:var(--muted);font-size:var(--size-small);grid-column:1/-1}.list-format{margin-top:var(--space-large)}.list-examples{font-size:var(--size-small);background:var(--raised);padding:var(--space-small);border-radius:var(--radius);white-space:pre-wrap}.word-list{gap:var(--space-small);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}button.word-entry{gap:2px var(--space-small);width:100%;padding:var(--space-small) var(--space-medium);text-align:left;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;display:grid}.entry-characters{font-size:1.2rem}.entry-pinyin{color:var(--accent);text-align:right}.entry-definition{font-size:var(--size-small);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.settings-panel .add-list{margin-bottom:var(--space-small)}.ready-levels-title{margin:var(--space-large) 0 var(--space-tiny);font-size:var(--size-body)}.ready-levels{margin:0;padding:0;list-style:none}.ready-levels li{justify-content:space-between;align-items:center;gap:var(--space-medium);padding:var(--space-small) 0;border-bottom:1px solid var(--line);display:flex}.storage-message{margin-top:var(--space-huge);padding:var(--space-large) var(--space-large);border:1px solid var(--border-soft);border-radius:var(--radius-large);background:var(--raised);text-align:left}.storage-message p{margin:0 0 var(--space-small)}.tip-card{box-sizing:border-box;width:min(360px,100vw - 24px);padding:var(--space-large) var(--space-large);border:1px solid var(--border-soft);border-radius:var(--radius-large);background:var(--raised);color:inherit;box-shadow:0 4px 18px var(--shadow);align-items:center;gap:var(--space-medium);margin:0;display:flex;position:fixed;inset:auto;overflow:visible}.tip-card:not(:popover-open):not([hidden]){display:none}.tip-card p{font-size:var(--size-body);margin:0;line-height:1.4}.tip-card button{flex:none}.tip-card.beside-above:after,.tip-card.beside-below:after{content:"";left:calc(var(--arrow-x,50%) - 7px);background:var(--raised);border:1px solid var(--border-soft);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tip-card.beside-below:after{border-bottom:none;border-right:none;top:-7px}.tip-card.beside-above:after{border-top:none;border-left:none;bottom:-7px}html:has(dialog[open]){overflow:hidden}html:has(main.focused){overscroll-behavior-y:contain}.word-page-body{overscroll-behavior:contain;max-height:72dvh;margin-bottom:var(--space-medium);scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;padding-right:var(--space-small);overflow:hidden auto}.page-add-sentence{align-items:center;gap:var(--space-small) var(--space-small);margin-top:var(--space-small);font-size:var(--size-small);color:var(--muted);flex-wrap:wrap;display:flex}.page-add-word{flex-basis:100%;min-width:0}.page-add-word-row{justify-content:center;align-items:center;gap:var(--space-small);flex-wrap:wrap;display:flex}.page-add-word-row button{flex-shrink:0}.page-add-word-row select{flex:none;max-width:40%}.page-add-word .note{margin:var(--space-tiny) 0 0;text-align:center}.page-add-sentence select{flex:0 auto;min-width:0;max-width:55%}.page-heading{text-align:center}.page-word{margin:0;font-size:3rem;line-height:1.2}.page-word.long{font-size:1.6rem;line-height:1.4}.page-word.second.long{font-size:1.2rem}.page-word.second{color:var(--muted);font-size:1.8rem}.page-reading{justify-content:center;align-items:center;gap:var(--space-small);font-size:var(--size-big);display:flex}.page-meaning{margin:var(--space-small) 0;font-size:var(--size-large)}.page-meaning.own{text-align:center;font-size:var(--size-title)}.page-chips{justify-content:center;align-items:center;gap:var(--space-small);margin:var(--space-small) 0;flex-wrap:wrap;display:flex}.page-chips.page-sentence-studied{justify-content:flex-start}.chip{padding:2px var(--space-small);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--size-tiny);color:var(--muted)}.chips-label{font-size:var(--size-tiny);color:var(--muted)}button.chip-button{min-height:var(--tap-least);padding:2px var(--space-small);background:var(--surface);color:var(--text-soft);font-size:var(--size-tiny)}.page-section{margin-top:var(--space-large);padding-top:var(--space-medium);border-top:1px solid var(--line)}.page-section h3{margin:0 0 var(--space-small);font-size:var(--size-body)}.page-pinyin{color:var(--accent);margin:0 0 2px}.page-note,.page-english{margin:0 0 var(--space-small)}.note-badge{min-width:32px;height:28px;min-height:0;margin-left:var(--space-small);padding:0 var(--space-tiny);font:inherit;font-size:var(--size-tiny);vertical-align:middle;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);cursor:help;line-height:1}.note-badge.checked{color:var(--success-text);font-size:var(--size-small)}.note-badge.unchecked{border-style:dashed}.note-badge-text{margin:0 0 var(--space-small)}.page-sentence{margin:var(--space-small) 0 2px;font-size:1.5rem}.sentence-script{width:3em;font-size:var(--size-tiny);color:var(--muted);vertical-align:middle;display:inline-block}button.sentence-word,button.note-word{min-height:0;font:inherit;line-height:inherit;vertical-align:baseline;color:inherit;-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:.2em;background:0 0;border:none;border-radius:0;padding:0;text-decoration-thickness:1px}button.sentence-word,button.note-word,#skip-lesson-button,#lesson-about-button,.review-header .link-button{position:relative}button.sentence-word:after,button.note-word:after,#skip-lesson-button:after,#lesson-about-button:after,.review-header .link-button:after{content:"";position:absolute;inset:-4px 0}button.note-word+button.note-word,button.note-word+.nowrap{margin-left:2px}.nowrap{white-space:nowrap}.word-peek{box-sizing:border-box;width:max-content;max-width:min(320px,100vw - 24px);padding:var(--space-medium) var(--space-large);border:1px solid var(--border-soft);border-radius:var(--radius-large);background:var(--raised);color:inherit;box-shadow:0 4px 18px var(--shadow);margin:0;position:fixed;inset:auto}.word-peek p{margin:0 0 var(--space-small)}.word-peek-line{align-items:center;gap:var(--space-medium);display:flex}.word-peek-word{font-size:1.5rem}.word-peek-pinyin{color:var(--accent)}.word-peek-meaning{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.character-card{margin-bottom:var(--space-medium)}.character-top{align-items:center;gap:var(--space-medium);display:flex}.character-top p{font-size:var(--size-small);color:var(--muted);margin:0}button.character-big{padding:2px var(--space-medium);font-size:2rem}.character-parts{gap:var(--space-small);margin:var(--space-small) 0;flex-wrap:wrap;display:flex}button.part{min-width:52px;padding:var(--space-tiny) var(--space-small);flex-direction:column;align-items:center;display:flex}.part-character{font-size:1.5rem}.part-role{font-size:var(--size-tiny);text-transform:uppercase;letter-spacing:.05em}button.part.meaning .part-role{color:var(--success-text)}button.part.sound .part-role{color:var(--accent)}.character-tip{margin:0 0 var(--space-small);padding:var(--space-small) var(--space-medium);background:var(--raised);border:1px solid var(--border-soft);border-radius:var(--radius);font-size:var(--size-small)}.character-tip-heading,.character-tip-text{margin:0}.character-tip-heading .note-badge{height:24px}.view-hidden{display:none!important}.list-tools{align-items:center;gap:var(--space-small) var(--space-medium);font-size:var(--size-small);color:var(--muted);flex-wrap:wrap;display:flex}.list-tools label{align-items:center;gap:var(--space-small);display:flex}.list-tools select{min-height:var(--tap-small);max-width:140px;font-size:var(--size-small)}.list-tools button{margin-left:auto}@media (width<=599px){.list-tools .show-choice{flex:100%}.list-tools .show-choice select{flex:1;max-width:none}}.list-tools .switch-label{min-height:var(--tap-small);cursor:pointer}input.switch{width:40px;height:var(--tap-least);background:var(--field-border);appearance:none;cursor:pointer;border-radius:12px;flex:none;margin:0;transition:background .15s;position:relative}input.switch:before{content:"";background:var(--surface);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}input.switch:checked{background:var(--accent-fill)}input.switch:checked:before{transform:translate(16px)}input.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dictionary-part{width:100%;margin-top:var(--space-large)}.dictionary-part h3{margin:0 0 var(--space-tiny)}.card-rows{gap:var(--space-small);margin:0 0 var(--space-small);font-size:var(--size-small);flex-direction:column;padding:0;list-style:none;display:flex}.card-rows li{align-items:baseline;gap:var(--space-tiny) var(--space-small);padding:var(--space-small) 0;border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.card-rows li span{color:var(--muted);flex:60%}.card-suspended{color:var(--warn);font-style:normal;font-weight:600}.card-row-buttons{justify-content:flex-end;gap:var(--space-small);flex-basis:100%;display:flex}button.word-entry.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.entry-leech{font-size:var(--size-small);color:var(--danger);grid-column:1/-1}.entry-new{font-size:var(--size-tiny);color:var(--warn);text-align:right}.counts-row .deck-select{max-width:46%}.counts-row{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-tiny) var(--space-medium);flex-wrap:wrap;display:flex}.deck-select{max-width:100%;min-height:var(--tap-small);padding:2px var(--space-small);font-size:var(--size-small)}.deck-choice-button{align-items:center;gap:var(--space-small);border-color:var(--field-border);display:inline-flex}.list-tools .deck-choice-button{max-width:140px;margin-left:0}.page-add-word-row .deck-choice-button,.page-add-sentence .deck-choice-button{flex:0 auto;min-width:0}.page-add-sentence .deck-choice-button{max-width:55%}.page-add-word-row .deck-choice-button{min-width:min(7em,100%)}.settings-panel .deck-choice-button{min-width:0}.deck-select-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck-choice-button:after{content:"▾";color:var(--muted)}.deck-choice-list{margin:0;padding:0;list-style:none}.deck-choice-row{padding-left:calc(var(--depth,0) * var(--space-huge));border-bottom:1px solid var(--line);align-items:center;display:flex}.deck-choice{align-items:center;gap:var(--space-medium);min-height:var(--tap-small);overflow-wrap:anywhere;flex:1;min-width:0;display:flex}.deck-choice :is(input[type=radio],input[type=checkbox]){flex:none;width:20px;height:20px;margin:0}.deck-choice-bar{bottom:calc(-1 * var(--space-huge));z-index:1;margin:var(--space-large) calc(-1 * var(--space-huge)) calc(-1 * var(--space-huge));padding:var(--space-medium) var(--space-huge) var(--space-huge);background:var(--bg);border-top:1px solid var(--line);justify-content:flex-end;display:flex;position:sticky}.deck-choice-bar[hidden]{display:none}button.deck-fold{width:var(--tap-small);min-height:var(--tap-small);color:var(--muted);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.deck-fold[aria-expanded=true] svg{transform:rotate(90deg)}button.deck-entry{grid-template-columns:1fr}.deck-progress{height:5px;margin-top:var(--space-tiny);border-radius:var(--radius);background:var(--line);display:block;overflow:hidden}.deck-progress[hidden]{display:none}.deck-progress span{background:var(--success);height:100%;display:block}#deck-head .deck-progress{margin:0 0 var(--space-medium)}.deck-row>.deck-entry{flex:1;min-width:0}.list-heading{justify-content:space-between;align-items:center;gap:var(--space-medium);display:flex}.list-heading-buttons{justify-content:flex-end;gap:var(--space-small);flex-wrap:wrap;display:flex}.list-heading h2{margin:0}button.ready-entry.selected{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}button.ready-entry.selected .entry-definition{-webkit-line-clamp:unset;display:block}.ready-levels label{align-items:center;gap:var(--space-small);display:flex}.deck-path-row{align-items:center;gap:var(--space-medium);display:flex}.deck-path{font-size:var(--size-small);color:var(--muted)}button.path-part{min-height:var(--tap-small);font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 2px;text-decoration:underline}#deck-head h2{font-size:var(--size-big)}.deck-title-row{justify-content:space-between;align-items:center;gap:var(--space-small);display:flex}#deck-settings-button{color:var(--text-soft)}.deck-study{align-items:center;gap:var(--space-large);margin:var(--space-tiny) 0 var(--space-small);display:flex}.deck-study button.primary{flex:1}.deck-study .link-button{font-size:var(--size-body);margin:0}.add-dialog{width:min(92vw,520px)}.add-dialog .settings-heading h2{flex:1;min-width:0}.add-choices{gap:var(--space-small);margin-bottom:var(--space-large);display:flex}.add-choices button{min-height:var(--tap-small);padding:var(--space-small) var(--space-tiny);font:inherit;font-size:var(--size-body);color:var(--text);flex:1}.add-choices button[aria-current=true]{background:var(--selected);border-color:var(--accent);font-weight:600}.page-this-card{justify-content:space-between;align-items:center;gap:var(--space-small) var(--space-medium);margin:0 0 var(--space-large);padding:var(--space-small) var(--space-small) var(--space-small) var(--space-large);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text-soft);font-size:var(--size-body);flex-wrap:wrap;display:flex}.page-this-card b{color:var(--text)}.page-this-card-buttons{gap:var(--space-small);display:flex}.page-learn-now{justify-content:space-between;align-items:center;gap:var(--space-medium);margin:0 0 var(--space-huge);padding:var(--space-small) var(--space-small) var(--space-small) var(--space-large);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text-soft);font-size:var(--size-body);display:flex}button.top-back.top-back-arrow{min-width:var(--tap-small);margin-right:calc(-1 * var(--space-small));justify-content:center}.back-arrow{flex:none}button.with-arrow{align-items:center;gap:2px;display:inline-flex}button.top-back{min-height:var(--tap-small);margin:calc((var(--top-bar) - var(--tap-small)) / 2) 0;padding:0 var(--space-tiny);color:var(--accent);font-size:var(--size-title);background:0 0;border:none;align-items:center;gap:2px;font-weight:600;display:inline-flex}#add-deck-form{gap:var(--space-medium);flex-direction:column;display:flex}.deck-entry .entry-characters{font-size:1.05rem}#deck-list li{gap:var(--space-small);align-items:stretch;display:flex}.deck-tap{margin-top:var(--space-small);font-size:var(--size-small);color:var(--accent);display:block}.deck-row.editing .deck-entry{min-width:0;padding:var(--space-small) var(--space-medium);flex:1;gap:2px;display:grid}#deck-list li.editing{align-items:center}.deck-row.editing button.icon-button{width:var(--tap-small);height:var(--tap-small)}.deck-row.editing button.icon-button:disabled{visibility:hidden}button.deck-open{width:48px;min-height:0;color:var(--text-soft);flex:none;justify-content:center;align-items:center;padding:0;display:flex}.setting.stacked{align-items:stretch;gap:var(--space-tiny);flex-direction:column}.anki-import-row{margin:var(--space-large) 0 0;text-align:center;font-size:var(--size-small)}.anki-import-row .link-button{margin:0 auto;display:block}.skritter-group{margin-bottom:var(--space-medium)}.skritter-group-heading{margin:0 0 var(--space-tiny);font-weight:600}.skritter-list{gap:var(--space-tiny);margin-bottom:var(--space-medium);flex-direction:column;display:flex}.skritter-group label{align-items:flex-start}.skritter-group input[type=checkbox]{flex:none;margin-top:2px}.skritter-guide ol{margin:var(--space-small) 0 var(--space-medium);padding-left:var(--space-large)}.skritter-guide a{color:var(--accent);padding:var(--space-tiny) 0}.skritter-guide li+li{margin-top:var(--space-tiny)}.skritter-guide textarea{resize:vertical}.anki-dialog fieldset.setting{min-width:0;margin:0 0 var(--space-medium)}.anki-dialog .buttons{margin-top:var(--space-medium)}.anki-choices{gap:var(--space-tiny);flex-direction:column;display:flex}.anki-choices label{align-items:center;gap:var(--space-small);min-height:var(--tap-small);display:flex}.anki-choices.anki-types{column-gap:var(--space-large);flex-flow:wrap}.anki-dialog input[type=checkbox],.anki-dialog input[type=radio]{width:20px;height:20px}.anki-role{gap:var(--space-medium);width:100%;margin-bottom:var(--space-medium);flex-wrap:nowrap}.anki-role select{width:0;min-width:0;min-height:var(--tap-small);flex:0 65%}.anki-template>p{margin:var(--space-small) 0 0}.anki-unused{margin:var(--space-medium) 0 0}.anki-result p{margin:0 0 var(--space-small)}.anki-left-out{margin:var(--space-large) 0 var(--space-medium)}.anki-problems li{margin-bottom:var(--space-small)}.anki-problem-notes{margin:var(--space-tiny) 0 0;color:var(--text);font-size:var(--size-body)}.anki-result{margin-top:var(--space-medium)}.note.working{align-items:center;gap:var(--space-small);color:var(--text-soft);display:flex}.working-sign{display:none}@media (prefers-reduced-motion:no-preference){.working-sign{border:2px solid var(--line);border-top-color:var(--accent);border-radius:var(--radius-round);flex:none;width:1em;height:1em;animation:.8s linear infinite working-turn;display:inline-block}}@keyframes working-turn{to{transform:rotate(1turn)}}.anki-fold-part{margin-top:var(--space-medium)}.anki-fold-title{margin:0;font-weight:600}.anki-fold-part .hint{margin:var(--space-tiny) 0 var(--space-medium)}.anki-dialog fieldset.anki-note-type{align-items:stretch}.anki-note-type>p{margin:0}.anki-becomes strong{display:block}.anki-change{min-width:0}.anki-change>summary{color:var(--accent);cursor:pointer;min-height:var(--tap-small);align-items:center;display:flex}.anki-change>summary::-webkit-details-marker{display:none}.anki-change>summary:before{content:"▸";margin-right:var(--space-small)}.anki-change[open]>summary:before{content:"▾"}[hidden]{display:none!important}.progress-panel{gap:var(--space-huge);flex-direction:column;width:100%;max-width:560px;display:flex}.progress-panel.loading>:not(.progress-loading),.progress-panel:not(.loading) .progress-loading{display:none}.progress-panel .progress-loading{justify-content:center;gap:var(--space-large);font-size:var(--size-title);flex-direction:column;margin-top:28vh}.progress-loading .working-sign,.progress-redrawing .working-sign{border-width:4px;width:2.5em;height:2.5em}.progress-ranged{gap:var(--space-huge);flex-direction:column;display:flex;position:relative}.progress-ranged:not(.redrawing) .progress-redrawing{display:none}.progress-ranged.redrawing>section{opacity:.25}.progress-ranged .progress-redrawing{top:var(--space-huge);z-index:1;justify-content:center;gap:var(--space-medium);padding:var(--space-large) var(--space-huge);border-radius:var(--radius-large);background:var(--bg);font-size:var(--size-title);white-space:nowrap;flex-direction:column;position:absolute;left:50%;transform:translate(-50%)}.progress-panel h3{margin:0 0 var(--space-small);font-size:var(--size-body)}.progress-heading{justify-content:space-between;align-items:center;gap:var(--space-small);margin-bottom:var(--space-small);flex-wrap:wrap;display:flex}.progress-panel .progress-heading h3{margin:0}.progress-heading .switch-label{align-items:center;gap:var(--space-small);min-height:var(--tap-small);font-size:var(--size-small);color:var(--text-soft);cursor:pointer;display:flex}.progress-box{padding:var(--space-medium);border:1px solid var(--border-soft);border-radius:var(--radius-large);background:var(--surface)}.progress-box .hint{margin:var(--space-small) 0 0}.progress-tiles{gap:var(--space-small);grid-template-columns:1fr 1fr;display:grid}.progress-tile{padding:var(--space-medium);border:1px solid var(--border-soft);border-radius:var(--radius-large);background:var(--surface)}.progress-tile b{font-size:var(--size-big);display:block}.progress-tile span,.progress-big-line span{font-size:var(--size-small);color:var(--muted)}.progress-range{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.progress-range button{min-height:var(--tap-small);padding:0 var(--space-tiny);background:var(--surface);color:var(--text-soft);font-size:var(--size-small);white-space:nowrap;border:none;border-radius:0;flex:1}.progress-range button+button{border-left:1px solid var(--border)}.progress-range button[aria-pressed=true]{background:var(--selected);color:var(--text);font-weight:600}.progress-readout{min-height:1.4em;margin:0 0 var(--space-small);font-size:var(--size-small);color:var(--text-soft)}.progress-box [tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage-row{align-items:center;gap:var(--space-small);font-size:var(--size-small);grid-template-columns:4.5rem 1fr 2.5rem;margin:6px 0;display:grid}.stage-row.stage-all{padding-top:var(--space-small);border-top:1px solid var(--line);font-weight:600}.stage-total{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.stage-bar{gap:2px;height:14px;display:flex}.stage-bar i{background:var(--key);border-radius:4px;flex-basis:0}.stage-new,.key-stage-new{--key:var(--border-soft)}.stage-learning,.key-stage-learning{--key:color-mix(in srgb, var(--accent) 35%, var(--surface))}.stage-young,.key-stage-young{--key:color-mix(in srgb, var(--accent) 65%, var(--surface))}.stage-mature,.key-stage-mature,.key-words{--key:var(--accent)}.key-characters{--key:var(--chart-second)}.progress-legend{gap:var(--space-small) var(--space-medium);margin-top:var(--space-small);font-size:var(--size-tiny);color:var(--text-soft);flex-wrap:wrap;display:flex}.progress-legend>span{align-items:center;gap:var(--space-tiny);display:inline-flex}.progress-legend>span:before{content:"";background:var(--key);border-radius:3px;width:10px;height:10px}.progress-legend .key-words:before,.progress-legend .key-characters:before{border-radius:2px;width:14px;height:3px}.progress-big-line{align-items:baseline;gap:var(--space-small);margin-bottom:var(--space-medium);flex-wrap:wrap;display:flex}.progress-big-line b{font-size:var(--size-big);color:var(--accent)}.progress-calendar{gap:2px;display:grid}.progress-calendar i,.progress-scale i{aspect-ratio:1;border-radius:2px;font-style:normal}.progress-calendar.month{gap:var(--space-tiny);grid-template-columns:repeat(7,1fr)}.progress-calendar.month i{border-radius:var(--radius);font-size:var(--size-tiny);justify-content:center;align-items:center;display:flex}.progress-calendar.strip{grid-template-rows:repeat(7,auto);grid-auto-flow:column}.progress-calendar .blank{visibility:hidden}.level-0{box-shadow:inset 0 0 0 1px var(--border-soft)}.level-1{background:color-mix(in srgb, var(--accent) 30%, var(--surface))}.level-2{background:color-mix(in srgb, var(--accent) 55%, var(--surface))}.level-3{background:color-mix(in srgb, var(--accent) 80%, var(--surface));color:var(--inverse-text)}.level-4{background:var(--accent);color:var(--inverse-text)}.progress-calendar .today{box-shadow:inset 0 0 0 2px var(--text)}.progress-calendar .chosen{outline:2px solid var(--text);outline-offset:1px}.progress-weekdays{gap:var(--space-tiny);margin-bottom:var(--space-tiny);text-align:center;font-size:var(--size-tiny);color:var(--muted);grid-template-columns:repeat(7,1fr);display:grid}.progress-scale{margin-top:var(--space-small);font-size:var(--size-tiny);color:var(--muted);justify-content:flex-end;align-items:center;gap:3px;display:flex}.progress-scale i{width:10px}.time-chart{column-gap:var(--space-tiny);grid-template-columns:2.4rem 1fr;display:grid}.time-axis{font-size:var(--size-tiny);color:var(--muted);position:relative}.time-axis span{white-space:nowrap;position:absolute;right:0;transform:translateY(-50%)}.time-plot{border-bottom:1px solid var(--border);background:linear-gradient(var(--line), var(--line)) 0 0 / 100% 1px no-repeat, linear-gradient(var(--line), var(--line)) 0 50% / 100% 1px no-repeat;align-items:flex-end;gap:2px;height:140px;display:flex}.time-plot i{background:var(--accent);border-radius:4px 4px 0 0;flex:1}.time-plot i.chosen{background:var(--text)}.time-dates{font-size:var(--size-tiny);color:var(--muted);grid-column:2;justify-content:space-between;display:flex}.time-totals{gap:var(--space-small);margin-top:var(--space-medium);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.time-totals b{font-size:var(--size-large);display:block}.time-totals span{font-size:var(--size-tiny);color:var(--muted)}.growth-chart{max-width:100%;display:block;overflow:visible}.growth-chart .gridline{stroke:var(--line);stroke-dasharray:3 3}.growth-chart .baseline{stroke:var(--border)}.growth-chart .axis-text{fill:var(--muted);font-size:var(--size-tiny)}.growth-chart .end-label{fill:var(--text-soft);font-size:var(--size-tiny)}.growth-chart path{fill:none;stroke-width:2px;stroke-linejoin:round}.growth-chart .line-words{stroke:var(--accent)}.growth-chart .line-characters{stroke:var(--chart-second)}.growth-chart .dot-words,.growth-chart .dot-characters{stroke:var(--surface);stroke-width:2px}.growth-chart .dot-words{fill:var(--accent)}.growth-chart .dot-characters{fill:var(--chart-second)}.growth-marker line{stroke:var(--muted);stroke-dasharray:2 2}.deck-choice-note{padding-left:var(--space-small);color:var(--muted);white-space:nowrap;margin-left:auto}.deck-choice-heading{padding-top:var(--space-medium);border-top:1px solid var(--border);color:var(--muted);font-size:var(--size-small)}.deck-tag-han{width:22px;height:22px;font-size:var(--size-small);border:1.8px solid;border-radius:4px;flex:none;justify-content:center;align-items:center;line-height:1;display:none}@container (width<=479px){main.focused.learning .deck-tag.forms .deck-tag-icon{display:none}main.focused.learning .deck-tag.forms .deck-tag-han{display:inline-flex}}.card-face .forms-change{color:var(--accent);margin:0;font-size:1.5rem}.forms-arrow{margin:0 var(--space-tiny);font-size:var(--size-small);color:var(--muted)}.card-face.forms-list{text-align:left;justify-content:flex-start;align-items:stretch;overflow-y:auto}.card-face.forms-list .forms-change{text-align:center}.card-face .forms-label{margin:var(--space-small) 0 0;font-size:var(--size-small);color:var(--muted)}.forms-rows{gap:var(--space-tiny);flex-direction:column;display:flex}.forms-row{gap:var(--space-medium);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.forms-han{font-size:var(--size-large);white-space:nowrap}.forms-gloss{min-width:0;font-size:var(--size-small);color:var(--muted)}.card-face .forms-more{gap:var(--space-tiny) var(--space-medium);font-size:var(--size-large);flex-wrap:wrap;display:flex}.forms-pair{white-space:nowrap}.forms-tip .forms-more{font-size:var(--size-body);align-items:baseline}.forms-tip .forms-label{font-size:var(--size-small);color:var(--muted)}.forms-page{gap:var(--space-tiny);color:var(--text-soft);flex-direction:column;display:flex}.forms-page p{margin:0}.forms-word{color:var(--muted)}.forms-word-han{font-size:var(--size-large);color:var(--text)}.forms-page .forms-change{margin-top:var(--space-small);color:var(--accent);font-size:1.5rem}.forms-page .forms-label{margin-top:var(--space-small);font-size:var(--size-small);color:var(--muted)}.forms-page .forms-more{gap:var(--space-tiny) var(--space-medium);font-size:var(--size-large);flex-wrap:wrap;display:flex}.forms-page .face-tip-text{display:block;overflow:visible}.move-page{max-width:34rem;padding:var(--space-large) var(--space-medium);font-size:var(--size-body);margin:0 auto;line-height:1.5}.move-page h1{font-size:var(--size-title)}.move-page h2{margin-top:var(--space-large);font-size:var(--size-large)}.move-page button{min-height:var(--tap)}.move-page .move-note{color:var(--text-soft)}.move-page .move-note:empty{display:none}.move-page a:not([hidden]){min-height:var(--tap-least);color:var(--accent);display:inline-block}