@font-face{font-family:Ma Shan Zheng;font-style:normal;font-weight:400;font-display:block;src:url(data:font/woff2;base64,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)format("woff2");unicode-range:U+5B57,U+5B66,U+8336,U+98DF}.dictionary-view{flex:1;min-height:0;display:flex}.dictionary-view__list-pane{border-right:1px solid var(--color-border);flex-direction:column;flex:20rem;min-width:16rem;max-width:26rem;display:flex;overflow-y:auto}.dictionary-view__search{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:.5rem;margin:.75rem;padding:.5rem .75rem}.dictionary-view__toggles{flex-wrap:wrap;gap:.4rem 1rem;margin:0 .75rem .75rem;display:flex}.dictionary-view__toggle{color:var(--color-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.dictionary-view__controls{gap:.5rem;margin:0 .75rem .75rem;display:flex}.dictionary-view__filters{margin:0}.dictionary-view__filters-summary{border:1px solid var(--color-border);width:fit-content;color:var(--color-fg);cursor:pointer;border-radius:999px;margin:0 .75rem .5rem;padding:.35rem .75rem;font-size:.85rem;display:none}.dictionary-view__back{display:none}.dictionary-view__sort,.dictionary-view__tone-source{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:.5rem;flex:1;padding:.4rem .5rem}.dictionary-view__detail-pane{flex:2 20rem;padding:1.5rem;overflow-y:auto}.dictionary-view__empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;display:flex}.dictionary-view__empty-state-headline{color:var(--color-fg);margin:0;font-family:Ma Shan Zheng,cursive,system-ui,sans-serif;font-size:4rem;line-height:1}.dictionary-view__empty-state-headline rt{color:var(--color-muted);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem}.dictionary-view__empty-state-tagline{color:var(--color-muted);margin:0;font-size:1rem}.entry-list{margin:0;padding:0 .5rem .75rem;list-style:none}.entry-list__empty{color:var(--color-muted);padding:0 1rem}.entry-list__item{text-align:left;width:100%;color:var(--color-fg);background:0 0;border:none;border-radius:.4rem;align-items:baseline;gap:.6rem;padding:.5rem .75rem;display:flex}.entry-list__item:hover{background:var(--color-surface)}.entry-list__item--selected,.entry-list__item--selected:hover{background:var(--color-accent);color:var(--color-accent-fg)}.entry-list__headword{color:var(--color-accent);font-size:1.05rem}.entry-list__item--selected .entry-list__headword,.entry-list__item--selected:hover .entry-list__headword{color:inherit}.entry-list__pengim{color:inherit;opacity:.75}.entry-list__gloss{color:inherit;opacity:.75;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entry-tree{padding:0 .5rem .75rem}.entry-tree__group+.entry-tree__group{margin-top:.25rem}.entry-tree__summary{text-align:left;width:100%;color:var(--color-fg);background:0 0;border:none;border-radius:.4rem;align-items:baseline;gap:.4rem;padding:.5rem .25rem;font-weight:600;display:flex}.entry-tree__summary:hover{background:var(--color-surface)}.entry-tree__caret{color:var(--color-muted);font-size:.8rem}.entry-tree__count{color:var(--color-muted);font-weight:400}.entry-tree__list{padding-left:1.25rem}.entry-detail__title-row{align-items:baseline;gap:.5rem;display:flex}.entry-detail__header h2{margin:0 0 .25rem;font-size:1.75rem}.level-badge{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);border-radius:999px;padding:.05rem .4rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-block}.entry-detail__variants,.entry-detail__flag{color:var(--color-muted);margin:0 0 .75rem}.entry-detail__readings{margin-bottom:1.25rem}.reading{margin-bottom:.75rem}.reading__line{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.reading__pengim{color:var(--color-accent);font-weight:600}.reading__ipa,.reading__poj{color:var(--color-muted)}.reading__tags{color:var(--color-muted);font-size:.9rem}.reading__sandhi,.reading__caveat{color:var(--color-muted);margin-left:.25rem;font-size:.9rem}.reading__audio{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;margin-left:.25rem;display:flex}.reading__clip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);border-radius:999px;padding:.1rem .5rem;font-size:.85rem}.reading__clip--word{font-weight:600}.reading__clip--playing{border-color:var(--color-accent);color:var(--color-accent)}.sense{margin-bottom:1rem}.sense__line{align-items:baseline;gap:.6rem;display:flex}.sense__pos{color:var(--color-muted);font-size:.9rem;font-style:italic}.sense__gloss-zh{color:var(--color-muted)}.example{margin-top:.4rem;margin-left:.5rem;font-size:.95rem}.example__pengim{color:var(--color-accent)}.example__en{color:var(--color-muted)}.entry-detail__licence{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:1.25rem;padding-top:.75rem;font-size:.85rem}.entry-detail__licence-id{margin:0 0 .25rem}.entry-detail__attributions{margin:0;padding-left:1.1rem}.entry-detail__clip-licence{margin-top:.4rem}.dictionary-view__results{flex-direction:column;min-height:0;display:flex}.dictionary-view__results--stale{opacity:.6;transition:opacity .12s ease-out}.dictionary-view__more{color:var(--color-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem 1rem;font-size:.8rem;display:flex}.dictionary-view__more button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.8rem}.dictionary-view__more button:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (width<=640px){.dictionary-view{display:block}.dictionary-view__list-pane{border-right:none;width:100%;min-width:0;max-width:none}.dictionary-view__filters-summary{display:block}.dictionary-view__detail-pane,.dictionary-view--detail-open .dictionary-view__list-pane{display:none}.dictionary-view--detail-open .dictionary-view__detail-pane{width:100%;display:block}.dictionary-view__back{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:999px;align-items:center;margin-bottom:1rem;padding:.4rem .75rem;font-size:.9rem;display:inline-flex}}:root{--sunken:color-mix(in srgb, var(--color-surface) 70%, var(--color-fg) 4%);--surface-2:color-mix(in srgb, var(--color-surface) 82%, var(--color-fg) 8%);--ink-2:color-mix(in srgb, var(--color-fg) 72%, var(--color-bg));--ink-3:var(--color-muted);--line-2:color-mix(in srgb, var(--color-border) 65%, var(--color-fg) 20%);--accent-wash:color-mix(in srgb, var(--color-accent) 10%, transparent);--accent-wash-2:color-mix(in srgb, var(--color-accent) 22%, transparent);--danger-wash:color-mix(in srgb, var(--color-danger) 11%, transparent);--due:#8a5c0c;--learned:#37703f;--g-again:#a33027;--g-good:#3d6b35;--g-easy:#2f6193;--shadow-1:0 1px 2px #3c282212, 0 2px 6px #3c28220d;--shadow-2:0 2px 6px #3c28221a, 0 12px 28px #3c28221f;--shadow-lift:0 10px 20px #3c282229, 0 30px 60px #3c282238;--r-sm:6px;--r-md:10px;--r-lg:16px;--ease:cubic-bezier(.2, .8, .25, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.flashcards-view{flex-direction:column;flex:1;min-height:0;font-size:14px;line-height:1.5;display:flex}@media (prefers-color-scheme:dark){:root{--due:#d6a250;--learned:#6cba75;--g-again:#c4463b;--g-good:#4e8544;--g-easy:#3d79b4;--shadow-1:0 1px 2px #00000059, 0 2px 6px #00000047;--shadow-2:0 2px 6px #0006, 0 12px 28px #00000073;--shadow-lift:0 10px 20px #00000080, 0 30px 60px #0000008c}}.flashcards-view :where(button),.pop :where(button){color:inherit;font:inherit;background:0 0;border:none;padding:0}.flashcards-view :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:3px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:600}.flashcards-view__status,.flashcards-view__warning{text-align:center;color:var(--ink-3);padding:1rem}.flashcards-view__warning{background:var(--color-warning-bg);color:var(--color-warning-fg);border-radius:var(--r-md);margin:0 22px;font-size:.85rem}.shell{flex:1;align-items:stretch;min-height:0;display:flex}.rail{border-right:1px solid var(--color-border);background:var(--color-surface);width:264px;transition:width .32s var(--ease), padding .32s var(--ease);flex-direction:column;flex:none;gap:4px;padding:14px 12px 12px;display:flex;overflow-y:auto}.rail__top,.rail__section,.rail__list,.rail__hint,.rail__empty,.trash{flex-shrink:0}.rail--closed{width:52px;padding-left:8px;padding-right:8px;overflow:hidden}.rail--closed .rail__hideable{opacity:0;pointer-events:none}.rail--closed .rail__list,.rail--closed .trash{display:none}.rail__hideable{transition:opacity .18s var(--ease)}.rail__top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.rail__toggle{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-3);flex:none;place-items:center;display:grid;position:relative}.rail__toggle:after{content:"";position:absolute;inset:-8px}.rail__toggle:hover{background:var(--surface-2);color:var(--color-fg)}.rail__section{justify-content:space-between;align-items:center;margin:14px 2px 7px;display:flex}.rail__add{color:var(--color-accent);border:1px solid #0000;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:500;position:relative}.rail__add:after{content:"";position:absolute;inset:-10px 0}.rail__add:hover{background:var(--accent-wash);border-color:var(--accent-wash-2)}.rail__list{border-radius:var(--r-md);flex-direction:column;gap:5px;min-height:24px;display:flex}.rail__list--over{box-shadow:inset 0 0 0 1.5px var(--color-accent);background:var(--accent-wash)}.rail__empty,.rail__hint{color:var(--ink-3);margin:10px 2px 0;font-size:11.5px;line-height:1.45}.rail__hint kbd{background:var(--surface-2);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.rail__spacer{flex:1;min-height:12px}.trash{opacity:0;border-radius:var(--r-md);height:0;color:var(--ink-3);transition:height .26s var(--ease), opacity .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);border:1.5px dashed #0000;place-items:center;gap:4px;font-size:12px;display:grid;overflow:hidden}.trash--armed{opacity:1;border-color:var(--line-2);height:56px}.trash.is-over{background:var(--danger-wash);border-color:var(--color-danger);color:var(--color-danger)}.deck{--hue:var(--color-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--shadow-1);cursor:grab;touch-action:none;transition:box-shadow .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);grid-template-columns:14px 1fr auto;align-items:center;gap:9px;padding:9px 9px 9px 7px;display:grid;position:relative}.deck:hover{border-color:var(--line-2);box-shadow:var(--shadow-2)}.deck:before{content:"";background:var(--hue);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.deck__grip{opacity:.32;transition:opacity .15s var(--ease);flex-direction:column;align-items:center;gap:2.5px;padding-left:4px;display:flex}.deck:hover .deck__grip{opacity:.7}.deck__grip i{background:var(--color-fg);border-radius:1px;width:10px;height:1.5px;display:block}.deck__body{min-width:0}.deck__name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.deck__meta{color:var(--ink-3);align-items:center;gap:6px;margin-top:1px;font-size:11px;display:flex}.deck__dot{background:var(--due);border-radius:50%;flex:none;width:5px;height:5px}.deck--virtual{background:repeating-linear-gradient(-45deg, transparent 0 6px, var(--sunken) 6px 7px), var(--color-surface);border-color:var(--line-2);cursor:grab}.deck--virtual .deck__name:after{content:"virtual";letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line-2);vertical-align:1px;border-radius:3px;margin-left:7px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.deck--inplay{opacity:.48}.deck__played{letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);font-size:9.5px}.deck__tail{align-items:center;gap:2px;display:flex}.deck__rename{background:var(--color-bg);border:1px solid var(--color-accent);border-radius:var(--r-sm);width:100%;color:var(--color-fg);padding:2px 6px;font-size:13px;font-weight:500}.deck-menu{position:relative}.deck-menu__trigger{border-radius:var(--r-sm);width:22px;height:22px;color:var(--ink-3);opacity:1;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.deck-menu__trigger{opacity:0;transition:opacity .15s var(--ease)}.deck:hover .deck-menu__trigger,.deck-menu__trigger:focus-visible,.deck-menu__trigger[aria-expanded=true]{opacity:1}}.deck-menu__trigger:hover{background:var(--surface-2);color:var(--color-fg)}.deck-menu__panel{gap:2px;width:196px;padding:6px}.pop{z-index:250;background:var(--color-bg);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);animation:pop-in .18s var(--ease) both;flex-direction:column;gap:13px;padding:14px;display:flex}@keyframes pop-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:none}}.pop__items{gap:inherit;flex-direction:column;display:flex}.pop__item{text-align:left;border-radius:var(--r-sm);width:100%;padding:6px 9px;font-size:12.5px;display:block}.pop__item:hover:not(:disabled){background:var(--color-surface)}.pop__item:disabled{color:var(--ink-3);cursor:default}.pop__item--danger{color:var(--color-danger)}.pop__item--accent{color:var(--color-accent)}.pop__item--check{grid-template-columns:12px 1fr;align-items:center;gap:7px;display:grid}.pop__tick{color:var(--color-accent);font-size:11px;line-height:1}.pop__note{color:var(--ink-3);margin:0;padding:4px 9px;font-size:11.5px}.pop__group{flex-direction:column;gap:6px;display:flex}.pop__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pop__reset{color:var(--ink-3);font-size:11.5px}.pop__reset:hover{color:var(--color-accent)}.pop__foot{color:var(--ink-3);border-top:1px solid var(--color-border);padding-top:10px;font-size:11px;line-height:1.45}.chips{flex-wrap:wrap;gap:5px;display:flex}.chipbtn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--ink-3);transition:all .14s var(--ease);border-radius:999px;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;position:relative}.chipbtn:after{content:"";position:absolute;inset:-11px -4px}.chipbtn:hover{border-color:var(--line-2);color:var(--color-fg)}.chipbtn[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg);font-weight:500}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.table{border-bottom:1px solid var(--color-border);background:radial-gradient(120% 90% at 50% -30%, var(--accent-wash) 0%, transparent 60%), var(--sunken);padding:16px 22px 14px}.table__head{text-align:left;cursor:default;flex-wrap:wrap;align-items:baseline;gap:12px;width:100%;margin-bottom:9px;display:flex}.table__totals{color:var(--ink-2);align-items:center;gap:9px;font-size:12px;display:flex}.table__totals b{color:var(--color-fg);font-weight:600}.table__pips{gap:10px;display:flex}.pip{align-items:center;gap:4px;display:inline-flex}.pip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pip--due{color:var(--due)}.pip--new{color:var(--color-accent)}.pip--seen{color:var(--learned)}.tray{border-radius:var(--r-lg);border:1.5px dashed var(--line-2);background:var(--color-bg);min-height:82px;transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);flex-wrap:wrap;align-items:flex-start;gap:8px;padding:9px 9px 20px;display:flex;position:relative}.tray.is-over{border-color:var(--color-accent);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-wash-2), 0 0 0 4px var(--accent-wash)}.tray__empty{color:var(--ink-3);text-align:center;pointer-events:none;transition:opacity .2s var(--ease);place-content:center;justify-items:center;gap:3px;font-size:12.5px;display:grid;position:absolute;inset:0}.tray:not(.is-empty) .tray__empty{opacity:0}.tray__empty svg{opacity:.5}.chip{--hue:var(--color-muted);border-radius:var(--r-md);background:var(--color-bg);border:1px solid var(--color-border);width:152px;box-shadow:var(--shadow-1);cursor:grab;touch-action:none;animation:chip-in .34s var(--ease-spring) both;flex:none;padding:9px 10px 8px;position:relative}.chip:after,.chip:before{content:"";border:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 var(--r-md) var(--r-md);border-top:none;height:6px;position:absolute}.chip:before{margin-top:-1px;top:100%;left:5px;right:5px}.chip:after{opacity:.6;margin-top:4px;top:100%;left:10px;right:10px}@keyframes chip-in{0%{opacity:0;transform:translateY(-8px)scale(.92)}to{opacity:1;transform:none}}.chip__bar{background:var(--hue);border-radius:2px;height:3px;margin-bottom:7px}.chip__name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.chip__stat{color:var(--ink-3);gap:7px;margin-top:2px;font-size:10.5px;display:flex}.chip__slice{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border-top:1px dotted var(--line-2);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;padding-top:5px;font-size:9.5px;overflow:hidden}.chip__x{width:19px;height:19px;color:var(--ink-3);opacity:1;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}@media (hover:hover) and (pointer:fine){.chip__x{opacity:0;transition:opacity .15s var(--ease)}.chip:hover .chip__x,.chip__x:focus-visible{opacity:1}}.chip__x:hover{background:var(--surface-2);color:var(--color-fg)}.groups{flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;display:flex}.group{border:1px solid var(--color-border);background:var(--color-bg);color:var(--ink-2);transition:border-color .16s var(--ease), background .16s var(--ease), color .16s var(--ease);border-radius:999px;align-items:center;font-size:12px;display:inline-flex}.group:hover{border-color:var(--color-accent);color:var(--color-fg)}.group--on{border-color:var(--color-accent);background:var(--accent-wash);color:var(--color-fg);font-weight:500}.group__load{align-items:center;gap:6px;padding:4px 4px 4px 7px;display:inline-flex}.group__swatches{display:flex}.group__swatches i{border:1px solid var(--color-bg);border-radius:2px;width:7px;height:12px;margin-right:-3px;display:block}.group__delete{width:16px;height:16px;color:var(--ink-3);border-radius:50%;place-items:center;margin-right:7px;display:grid}.group__delete:hover{background:var(--surface-2);color:var(--color-danger)}.group__save{color:var(--ink-3);border:1px dashed var(--line-2);border-radius:999px;padding:4px 9px;font-size:12px}.group__save:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.group__save:disabled{opacity:.45;cursor:default}.group__save-input{border:1px solid var(--color-accent);background:var(--color-bg);color:var(--color-fg);border-radius:999px;min-width:10rem;padding:3px 9px;font-size:12px}.bar{border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 22px;display:flex}.bar__spacer{flex:1}.bar .bar__decks-toggle,.rail-scrim{display:none}.seg{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;margin:0;padding:2px;display:inline-flex}.seg--prompt{border:1px solid var(--color-border)}.seg button,.seg__option{color:var(--ink-2);cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease);border-radius:999px;padding:4px 11px;font-size:12.5px;position:relative}.seg button:after,.seg__option:after{content:"";position:absolute;inset:-9px 0}.seg button:hover,.seg__option:hover{color:var(--color-fg)}.seg button[aria-pressed=true],.seg__option--on{background:var(--color-bg);color:var(--color-fg);box-shadow:var(--shadow-1);font-weight:500}.seg__option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pill{border:1px solid var(--color-border);background:var(--color-surface);color:var(--ink-2);transition:border-color .16s var(--ease), background .16s var(--ease), color .16s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;display:inline-flex;position:relative}.pill:after{content:"";position:absolute;inset:-7px 0}.pill:hover:not(:disabled){border-color:var(--line-2);color:var(--color-fg)}.pill:disabled{opacity:.45;cursor:default}.pill--on{border-color:var(--color-accent);background:var(--accent-wash);color:var(--color-fg)}.pill__n{background:var(--color-accent);color:var(--color-accent-fg);border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;font-weight:600;display:grid}.filters-popover{position:relative}.filters-popover__panel{width:306px}.active{flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding:0;list-style:none;display:flex}.active__chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:3px 6px 3px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;display:inline-flex}.active__chip-remove{color:var(--ink-3);border-radius:50%;place-items:center;width:14px;height:14px;display:grid}.active__chip-remove:hover{background:var(--color-border);color:var(--color-fg)}.funnel{align-items:center;display:flex}.funnel__stage{border-radius:var(--r-sm);transition:background .16s var(--ease);flex-direction:column;align-items:flex-start;gap:2px;padding:3px 10px;display:flex;position:relative}.funnel__stage+.funnel__stage:before{content:"";border-right:1.5px solid var(--line-2);border-top:1.5px solid var(--line-2);width:5px;height:5px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)rotate(45deg)}.funnel__stage--cut:hover{background:var(--color-surface)}.funnel__n{font-size:13px;font-weight:600;line-height:1.1}.funnel__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px}.funnel__stage--cut .funnel__n{color:var(--ink-2)}.funnel__stage--out .funnel__n{color:var(--color-accent)}.study{background:var(--color-bg);flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:16px;min-height:15rem;padding:34px 22px 22px;display:flex;overflow-y:auto}.card{--hue:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);width:min(100%,420px);box-shadow:var(--shadow-2);animation:card-in .3s var(--ease) both;flex-direction:column;align-items:center;gap:18px;padding:30px 26px 24px;display:flex;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:none}}.card__source{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:5px;font-size:10px;display:inline-flex;position:absolute;top:10px;left:12px}.card__source i{background:var(--hue);border-radius:2px;width:6px;height:6px}.card__filing-wrap{position:absolute;top:7px;right:7px}.card__filing{border-radius:var(--r-sm);width:26px;height:26px;color:var(--ink-3);cursor:grab;touch-action:none;transition:color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);border:1px dashed #0000;place-items:center;display:grid;position:relative}.card__filing:after{content:"";position:absolute;inset:-9px}.card__filing:hover,.card__filing--dragging{color:var(--color-accent);border-color:var(--accent-wash-2);background:var(--accent-wash)}.card__prompt,.card__hw,.entry__hw{font-family:Songti TC,Source Han Serif,Noto Serif TC,Songti SC,serif}.card__prompt{text-align:center;color:var(--color-fg);font-size:46px;line-height:1.25}.card__prompt--en{max-width:22ch;font-family:inherit;font-size:22px}.card__back{text-align:center;flex-direction:column;align-items:center;gap:7px;display:flex}.card__hw{font-size:27px}.card__reading{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:11px;display:flex}.card__pengim{color:var(--color-accent);font-size:15px;font-weight:600}.card__ipa,.card__poj{color:var(--ink-3);font-size:13px}.card__gloss{color:var(--ink-2);max-width:32ch;font-size:15px}.card__reveal{border:1px solid var(--line-2);background:var(--color-bg);color:var(--color-fg);border-radius:999px;padding:9px 26px;font-size:13.5px}.card__reveal:hover{border-color:var(--color-accent);color:var(--color-accent)}.grades{gap:8px;display:flex}.grade{color:#fff;transition:transform .14s var(--ease-spring), filter .14s var(--ease);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:500}.grade:hover{filter:brightness(1.08);transform:translateY(-1px)}.grade small{opacity:.8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:400;display:block}.grade--again{background:var(--g-again)}.grade--good{background:var(--g-good)}.grade--easy{background:var(--g-easy)}.study__note{color:var(--ink-3);text-align:center;max-width:44ch;font-size:12px}.study__note b{color:var(--ink-2);font-weight:500}.empty{text-align:center;flex-direction:column;align-items:center;gap:9px;max-width:34ch;display:flex}.empty__title{font-size:16px;font-weight:600}.empty__body{color:var(--ink-3);font-size:13px}.empty__fix{color:var(--color-accent);border:1px solid var(--accent-wash-2);background:var(--accent-wash);border-radius:999px;padding:5px 13px;font-size:12.5px}.drawer{border-top:1px solid var(--color-border);background:var(--color-surface);max-height:0;transition:max-height .34s var(--ease);flex-direction:column;flex:none;display:flex;overflow:hidden}.drawer--open{max-height:min(268px,45vh)}.drawer__head{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:9px 22px;display:flex}.drawer__search{border:1px solid var(--line-2);background:var(--color-bg);max-width:320px;color:var(--color-fg);border-radius:999px;flex:1;padding:5px 11px;font-size:12.5px}.drawer__hint,.drawer__note{color:var(--ink-3);font-size:11.5px}@media (width<=1024px){.drawer__hint{display:none}}.drawer__handle{display:none}.drawer__head .pill{white-space:nowrap}.drawer__list{transition:background .2s var(--ease), box-shadow .2s var(--ease);flex-wrap:wrap;align-content:flex-start;gap:6px;padding:9px 22px 14px;display:flex;overflow-y:auto}.drawer__list--over{background:var(--accent-wash);box-shadow:inset 0 0 0 1.5px var(--accent-wash-2)}.entry-wrap{position:relative}.drawer__deck{align-items:center;gap:7px;font-size:13px;display:inline-flex}.drawer__swatch{border-radius:2px;width:4px;height:14px}.drawer__count{color:var(--ink-3);font-size:11px}.entry--in-deck{touch-action:pan-y;padding-right:6px}.entry--unresolved{opacity:.55;cursor:default;border-style:dashed}.entry__remove{width:17px;height:17px;color:var(--ink-3);opacity:1;border-radius:50%;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.entry__remove{opacity:0;transition:opacity .15s var(--ease)}.entry:hover .entry__remove,.entry__remove:focus-visible{opacity:1}}.entry__remove:hover{background:var(--surface-2);color:var(--color-danger)}.entry--unresolved .entry__remove{opacity:1}.entry{border-radius:var(--r-md);border:1px solid var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-1);cursor:grab;touch-action:none;transition:box-shadow .16s var(--ease), border-color .16s var(--ease);grid-template-columns:auto auto;align-items:center;gap:3px 9px;padding:6px 11px;display:inline-grid}.entry:hover{border-color:var(--line-2);box-shadow:var(--shadow-2)}.entry__hw{grid-row:span 2;font-size:16px}.entry__p{color:var(--color-accent);font-size:11px}.entry__rest{grid-column:2;align-items:center;gap:6px;min-width:0;display:flex}.entry__g{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:20ch;font-size:10.5px;overflow:hidden}.entry__tags{gap:3px;display:flex}.tag{letter-spacing:.04em;border:1px solid var(--line-2);color:var(--ink-3);border-radius:3px;padding:0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px}.tag--full{border-color:var(--learned);color:var(--learned)}.tag--part{border-color:var(--due);color:var(--due)}.entry-deck-menu{gap:2px;width:218px;padding:6px}.ghost{--hue:var(--color-muted);z-index:999;pointer-events:none;border-radius:var(--r-md);background:var(--color-bg);border:1px solid var(--line-2);min-width:132px;box-shadow:var(--shadow-lift);transform-origin:50%;will-change:transform;padding:9px 10px 8px;position:fixed;top:0;left:0}.ghost__bar{background:var(--hue);border-radius:2px;height:3px;margin-bottom:7px}.ghost__title{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.ghost__subtitle{color:var(--ink-3);margin-top:2px;font-size:10.5px}.ghost__badge{background:var(--color-accent);color:var(--color-accent-fg);box-shadow:var(--shadow-2);white-space:nowrap;transition:background .16s var(--ease), transform .2s var(--ease-spring);border-radius:999px;padding:2px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;position:absolute;bottom:-11px;right:-9px}.ghost__badge--no,.ghost__badge--del{background:var(--color-danger);color:#fff}.is-source{opacity:.22;filter:grayscale(.5)}.drop-ok{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--accent-wash)!important}.drop-no{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px var(--danger-wash)!important}.kbd-lift{outline:2px solid var(--color-accent);outline-offset:3px;box-shadow:var(--shadow-lift);transform:scale(1.03)}.caret{background:var(--color-accent);width:3px;height:64px;box-shadow:0 0 0 3px var(--accent-wash);border-radius:2px;flex:none;align-self:flex-start}.caret--horizontal{align-self:stretch;width:100%;height:3px}.caret--card{align-self:center;height:30px}.toasts{bottom:max(16px, env(safe-area-inset-bottom));z-index:200;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width<=640px){.toasts{bottom:calc(48px + max(16px, env(safe-area-inset-bottom)))}}.toast{background:var(--color-fg);color:var(--color-bg);box-shadow:var(--shadow-2);pointer-events:auto;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:12.5px;display:flex}.toast__undo{color:var(--color-bg);opacity:.85;font-size:12px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.deck,.chip{transition:transform .2s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease)}.ghost--reject{animation:ghost-reject .32s var(--ease)}@keyframes ghost-reject{0%,to{filter:none}20%{filter:saturate(.4)brightness(.95)}}.caret{animation:caret-in .18s var(--ease) both}@keyframes caret-in{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.flashcards-view *,.flashcards-view :before,.flashcards-view :after,.ghost,.ghost *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1024px){.shell{flex-direction:column}.rail{border-right:none;border-bottom:1px solid var(--color-border);flex:none;width:auto;overflow-y:visible}.rail--closed{width:auto}.rail__list{flex-flow:wrap}.deck{width:174px}.study{padding:22px 14px}.card__prompt{font-size:38px}.table,.bar,.drawer__head,.drawer__list{padding-left:14px;padding-right:14px}}@media (width<=640px){.rail{z-index:30;border-bottom:none;border-right:1px solid var(--color-border);width:85%;max-width:320px;box-shadow:var(--shadow-lift);transition:transform .22s var(--ease);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.rail--closed{width:85%;max-width:320px;padding-left:12px;padding-right:12px;overflow-y:auto}.rail--closed .rail__hideable{opacity:1;pointer-events:auto}.rail--closed .rail__list,.rail--closed .trash{display:flex}.rail__list{flex-flow:column}.rail__toggle{display:none}.shell--rail-open .rail{transform:translate(0)}.rail-scrim{z-index:25;background:#0006;display:none;position:fixed;inset:0}.shell--rail-open .rail-scrim{display:block}.bar .bar__decks-toggle{display:inline-flex}.deck,.chip,.entry{touch-action:pan-y}.table__head{cursor:pointer}.tray{display:none}.table--tray-open .tray{display:flex}.study{padding:18px 14px calc(72px + env(safe-area-inset-bottom))}.card{animation:none}.card__reveal,.grades{left:0;right:0;bottom:calc(48px + env(safe-area-inset-bottom));z-index:15;background:var(--color-bg);border-top:1px solid var(--color-border);margin:0;padding:10px 16px;position:fixed}.card__reveal{text-align:center;border-left:none;border-right:none;border-radius:0}.grades{justify-content:center}.grade{flex:1;max-width:140px}.drawer{z-index:20;box-shadow:var(--shadow-lift);padding-bottom:env(safe-area-inset-bottom);border-radius:14px 14px 0 0;position:fixed;bottom:0;left:0;right:0}.drawer--open{max-height:85vh}.drawer__handle{justify-content:center;width:100%;padding:8px 0 2px;display:flex}.drawer__handle-bar{background:var(--line-2);border-radius:999px;width:36px;height:4px}}.sounds-view{flex-direction:column;flex:1;min-height:0;display:flex}.sounds-view__status{color:var(--color-muted);margin:1.5rem}.sounds-view__status--error{color:var(--color-danger)}.sounds-view__controls{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex}.sounds-view__search{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:.5rem;flex:1;padding:.5rem .75rem}.sounds-view__count{color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.85rem}.sounds-view__sort{gap:.4rem;display:flex}.sounds-view__sort-button{border:1px solid var(--color-border);color:var(--color-fg);background:0 0;border-radius:999px;padding:.4rem .9rem}.sounds-view__sort-button--active{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.sounds-view__alphabet{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.3rem;padding:.6rem .75rem;display:flex}.sounds-view__letter{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:999px;padding:.15rem .5rem;font-size:.8rem;text-decoration:none}.sounds-view__letter:hover{border-color:var(--color-accent)}.sounds-view__letter--empty{color:var(--color-muted);opacity:.4;pointer-events:none}.sounds-view__list{flex:1;padding:0 .75rem 1rem;overflow-y:auto}.sounds-view__empty{color:var(--color-muted);padding:1.5rem 0}.sounds-view__group-heading{z-index:1;background:var(--color-bg);color:var(--color-accent);align-items:baseline;gap:.5rem;margin:0;padding:.6rem .25rem;font-size:1rem;font-weight:700;display:flex;position:sticky;top:0}.sounds-view__group-count{color:var(--color-muted);font-size:.75rem;font-weight:400}.sounds-view__rows{margin:0;padding:0 0 10rem;list-style:none}.sound-row{border-bottom:1px solid var(--color-border);grid-template-columns:6rem 6rem 1fr auto;align-items:baseline;gap:.75rem;padding:.5rem .25rem;display:grid}.sound-row:has(.sound-row__count){grid-template-columns:6rem 6rem 4rem 1fr auto}.sound-row__count{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.sound-row:nth-child(2n){background:var(--color-surface)}.sound-row__ipa{color:var(--color-accent);font-variant-numeric:tabular-nums;overflow-wrap:break-word}.sound-row__pengim{color:var(--color-fg);overflow-wrap:break-word;font-weight:600}.sound-row__examples{flex-wrap:wrap;gap:.35rem 1rem;display:flex}.sound-row__example{white-space:nowrap;align-items:baseline;gap:.35rem;display:inline-flex}.sound-row__example-hanzi{color:var(--color-fg)}.sound-row__example-pengim{color:var(--color-accent);opacity:.85;font-size:.85rem}.sound-row__example-gloss{color:var(--color-muted);white-space:normal;font-size:.85rem;font-style:italic}.sound-row__no-examples{color:var(--color-muted);font-size:.85rem;font-style:italic}@media (width<=640px){.sound-row{grid-template-columns:1fr;gap:.25rem}}.sound-row__controls{flex-wrap:wrap;align-items:flex-start;gap:.4rem;display:flex}.sound-row__play-list{flex-wrap:wrap;gap:.3rem;display:flex}.sound-row__play{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);cursor:pointer;border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.sound-row__play:hover{border-color:var(--color-accent)}.sound-row__play--playing{border-color:var(--color-accent);color:var(--color-accent)}.record-clip{flex-direction:column;align-items:flex-start;gap:.4rem;display:inline-flex}.record-clip__toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);cursor:pointer;border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.record-clip__toggle:hover{border-color:var(--color-accent)}.record-clip__panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.6rem;font-size:.8rem;display:flex}.record-clip__field{align-items:center;gap:.4rem;display:flex}.record-clip__field input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg);border-radius:.3rem;padding:.2rem .4rem}.record-clip__consent{max-width:22rem;color:var(--color-muted);align-items:flex-start;gap:.4rem;display:flex}.record-clip__preview{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.record-clip__preview audio{height:2rem}.record-clip__success{color:var(--color-accent)}.record-clip__error{color:var(--color-danger)}.sounds-view__chart{flex-direction:column;flex:1;min-height:0;display:flex}.sounds-view__chart-subbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.sounds-view__chart-legend{color:var(--color-muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.sounds-view__chart-legend-swatch{border-radius:.2rem;width:.9rem;height:.9rem;margin-left:.4rem;display:inline-block}.sounds-view__chart-legend-swatch:first-child{margin-left:0}.sounds-view__chart-legend-swatch--attested{background:var(--color-accent)}.sounds-view__chart-legend-swatch--unattested{background:var(--color-muted);opacity:.3;border:1px dashed var(--color-border)}.sounds-view__chart-legend-swatch--external{background:repeating-linear-gradient(45deg, var(--color-border) 0 2px, transparent 2px 5px)}.sounds-view__chart-legend-swatch--illegal{border:1px solid var(--color-border);background:0 0}.sounds-view__chart-coverage-summary{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.sounds-view__chart-body{flex:1;min-height:0;display:flex}.sounds-view__chart-grid-scroll{flex:1;overflow:auto}.sounds-view__chart-grid{width:max-content;display:grid}.sounds-view__chart-corner,.sounds-view__chart-col-header,.sounds-view__chart-row-header{background:var(--color-bg);position:sticky}.sounds-view__chart-corner{z-index:3;top:0;left:0}.sounds-view__chart-col-header{z-index:2;text-align:center;color:var(--color-accent);border-bottom:1px solid var(--color-border);padding:.3rem .2rem;font-size:.8rem;font-weight:600;top:0}.sounds-view__chart-row-header{z-index:1;color:var(--color-fg);border-right:1px solid var(--color-border);white-space:nowrap;padding:.2rem .5rem .2rem .2rem;font-size:.8rem;font-weight:600;left:0}.sounds-view__chart-cell{border:1px solid var(--color-border);font-variant-numeric:tabular-nums;cursor:pointer;flex-wrap:wrap;align-content:flex-start;gap:.15rem;min-height:2.2rem;padding:.15rem;font-size:.7rem;display:flex}.sounds-view__chart-cell--illegal{cursor:default;background:0 0;border:none}.sounds-view__chart-cell--external{background:repeating-linear-gradient(45deg, var(--color-border) 0 2px, transparent 2px 5px)}.sounds-view__chart-cell--attested{background:var(--color-surface)}.sounds-view__chart-cell--unattested{background:var(--color-muted);opacity:.3;cursor:default;border-style:dashed}.sounds-view__chart-cell--coverage-none{background:var(--color-surface)}.sounds-view__chart-cell--coverage-some{background:color-mix(in srgb, var(--color-success) 25%, var(--color-surface))}.sounds-view__chart-cell--coverage-all{background:color-mix(in srgb, var(--color-success) 55%, var(--color-surface))}.sounds-view__chart-cell--coverage-staged-some{background:color-mix(in srgb, var(--color-staged) 25%, var(--color-surface))}.sounds-view__chart-cell--coverage-staged-all{background:color-mix(in srgb, var(--color-staged) 55%, var(--color-surface))}.sounds-view__chart-cell--coverage-mixed-some{background:color-mix(in srgb, color-mix(in srgb, var(--color-success), var(--color-staged)) 25%, var(--color-surface))}.sounds-view__chart-cell--coverage-mixed-all{background:color-mix(in srgb, color-mix(in srgb, var(--color-success), var(--color-staged)) 55%, var(--color-surface))}.sounds-view__chart-cell--selected{outline:2px solid var(--color-success);outline-offset:-2px}.sounds-view__chart-cell--dimmed{opacity:.3}.sounds-view__chart-cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.sounds-view__chart-tone{color:var(--color-fg)}.sounds-view__chart-tone--recorded{color:var(--color-success);font-weight:700}.sounds-view__chart-tone--unrecorded{color:var(--color-muted)}.sounds-view__chart-tone--staged{color:var(--color-staged);font-style:italic}.sounds-view__chart-detail{border-left:1px solid var(--color-border);flex-shrink:0;width:22rem;padding:.75rem;overflow:hidden auto}.sounds-view__chart-resizer{cursor:col-resize;background:0 0;flex-shrink:0;width:6px}.sounds-view__chart-resizer:hover,.sounds-view__chart-resizer:active{background:var(--color-accent)}.sounds-view__chart-detail-heading{color:var(--color-accent);margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.sounds-view__chart-tone-badge{background:var(--color-accent);min-width:1.4rem;height:1.4rem;color:var(--color-accent-fg);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.sound-row.sound-row--chart{flex-wrap:wrap;align-items:baseline;gap:.3rem .5rem;display:flex}.sound-row.sound-row--chart .sound-row__examples,.sound-row.sound-row--chart .sound-row__controls{flex-basis:100%}.sound-row.sound-row--chart .sound-row__example{flex-wrap:wrap;row-gap:.1rem}.sound-row.sound-row--chart .sound-row__example-gloss{white-space:normal}@media (width<=1024px){.sounds-view__chart-resizer{display:none}}@media (width<=640px){.sounds-view__search{flex:100%}.sounds-view__sort{flex:auto}.sounds-view__chart-detail{display:none}.sounds-view__chart-detail--open{left:0;right:0;bottom:calc(48px + env(safe-area-inset-bottom));background:var(--color-bg);border-left:none;border-top:1px solid var(--color-border);max-height:60vh;box-shadow:var(--shadow-2);z-index:20;border-radius:12px 12px 0 0;display:block;position:fixed;top:auto;width:100%!important}}.settings-view{flex-direction:column;flex:1;gap:1.25rem;max-width:32rem;padding:1.5rem;display:flex}.settings-view h2{margin:0}.settings-view__hint{color:var(--color-muted);margin:0;font-size:.9rem}.settings-view__group{border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.5rem;margin:0;padding:.75rem 1rem 1rem;display:flex}.settings-view__group legend{color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;padding:0 .35rem;font-size:.85rem;font-weight:600}.settings-view__toggle{color:var(--color-fg);align-items:center;gap:.5rem;display:flex}.settings-view__backup-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-view__button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:999px;padding:.4rem .9rem}.settings-view__button:hover{border-color:var(--color-accent);color:var(--color-accent)}.settings-view__backup-status{color:var(--color-success);margin:0;font-size:.85rem}.settings-view__backup-status--error{color:var(--color-danger)}.donate-view{flex-direction:column;flex:1;gap:1.25rem;max-width:32rem;padding:1.5rem;display:flex}.donate-view h2{margin:0}.donate-view__hint{color:var(--color-muted);margin:0;font-size:.9rem}.donate-view__platforms{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.donate-view__platform{border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:flex}.donate-view__link{color:var(--color-accent);font-weight:600}.donate-view__description{color:var(--color-muted);margin:0;font-size:.85rem}.about-view{flex-direction:column;flex:1;gap:1.5rem;max-width:36rem;padding:1.5rem;display:flex;overflow-y:auto}.about-view h2{margin:0}.about-view__section{flex-direction:column;gap:.5rem;display:flex}.about-view__section h3{margin:0;font-size:1rem}.about-view__section p{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.5}.about-view__sources{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.about-view__source{border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:flex}.about-view__source-name{color:var(--color-accent);font-weight:600}.about-view__source-role{color:var(--color-muted);font-size:.85rem}.about-view__source-licence{font-size:.8rem}.update-prompt{z-index:500;background:var(--color-fg);color:var(--color-bg);border-radius:999px;align-items:center;gap:.6rem;padding:.5rem .6rem .5rem .9rem;font-size:.85rem;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000026,0 8px 20px #0000002e}.update-prompt__reload{border:1px solid var(--color-bg);color:var(--color-bg);background:0 0;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.update-prompt__dismiss{color:var(--color-bg);opacity:.7;padding:.25rem}.update-prompt__dismiss:hover{opacity:1}.app{flex-direction:column;height:100dvh;display:flex}.app__header{padding:.75rem 1.25rem;padding-top:max(.75rem, env(safe-area-inset-top));padding-left:max(1.25rem, env(safe-area-inset-left));padding-right:max(1.25rem, env(safe-area-inset-right));border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app__header h1{margin:0;font-size:1.25rem}.app__tabs{gap:.5rem;display:flex}.app__tab{border:1px solid var(--color-border);color:var(--color-fg);background:0 0;border-radius:999px;padding:.4rem .9rem;text-decoration:none}.app__tab--active{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.app__main{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=640px){.app__header{padding-top:max(.5rem, env(safe-area-inset-top));padding-bottom:.5rem}.app__tabs{z-index:10;background:var(--color-bg);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);gap:0;position:fixed;bottom:0;left:0;right:0}.app__tab{text-align:center;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;min-height:48px;display:flex}.app__tab--active{border-color:#0000}.app__main{padding-bottom:calc(48px + env(safe-area-inset-bottom))}}.app__status{color:var(--color-muted);margin:1.5rem}.app__status--error{color:var(--color-danger)}:root{--color-bg:#fff;--color-fg:#1a1a1a;--color-muted:#6b6b6b;--color-border:#dcdcdc;--color-surface:#f7f7f7;--color-accent:#a63d2f;--color-accent-fg:#fff;--color-warning-bg:#fff4e5;--color-warning-fg:#7a4a00;--color-danger:#b3261e;--color-success:#1a7f37;--color-staged:#0969da;--deck-hue-red-bg:#c0392b;--deck-hue-red-fg:#fff;--deck-hue-orange-bg:#c2691d;--deck-hue-orange-fg:#fff;--deck-hue-amber-bg:#a67c00;--deck-hue-amber-fg:#fff;--deck-hue-green-bg:#2f7d3c;--deck-hue-green-fg:#fff;--deck-hue-teal-bg:#1f7a72;--deck-hue-teal-fg:#fff;--deck-hue-blue-bg:#2f6fa6;--deck-hue-blue-fg:#fff;--deck-hue-purple-bg:#6b4fa0;--deck-hue-purple-fg:#fff;--deck-hue-pink-bg:#b23a6b;--deck-hue-pink-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#17181a;--color-fg:#e8e8e8;--color-muted:#9a9a9a;--color-border:#34363a;--color-surface:#212226;--color-accent:#e08a75;--color-accent-fg:#17181a;--color-warning-bg:#3a2c12;--color-warning-fg:#f0c078;--color-danger:#f08a80;--color-success:#3fb950;--color-staged:#58a6ff;--deck-hue-red-bg:#e5766c;--deck-hue-red-fg:#2a0f0c;--deck-hue-orange-bg:#e0975a;--deck-hue-orange-fg:#2a1a08;--deck-hue-amber-bg:#d1b34a;--deck-hue-amber-fg:#2a2308;--deck-hue-green-bg:#7bc088;--deck-hue-green-fg:#0d2612;--deck-hue-teal-bg:#6bc0b8;--deck-hue-teal-fg:#0a2422;--deck-hue-blue-bg:#8fb8dd;--deck-hue-blue-fg:#12233a;--deck-hue-purple-bg:#b39ddb;--deck-hue-purple-fg:#211a35;--deck-hue-pink-bg:#dd93b3;--deck-hue-pink-fg:#35131f}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-fg);margin:0}button{font:inherit;cursor:pointer}input{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}