[data-palette=neutral]{--color-1-principal:#475569;--color-2-secondary:#64748b;--color-3-light:#eef1f4;--color-4-dark:#1b2027}[data-palette=coffee]{--color-1-principal:#cf7d0a;--color-2-secondary:#8c5a3c;--color-3-light:#f3e7d4;--color-4-dark:#241712}[data-palette=latte]{--color-1-principal:#c0883f;--color-2-secondary:#a98363;--color-3-light:#f8f0e3;--color-4-dark:#3a2c20}[data-palette=mocha]{--color-1-principal:#d2772f;--color-2-secondary:#7a4a30;--color-3-light:#e7d8c4;--color-4-dark:#1a110b}[data-palette=amber]{--color-1-principal:#d99413;--color-2-secondary:#b5740f;--color-3-light:#f4e7cb;--color-4-dark:#241a09}:root{--step:15%;--color-1-principal-light:color-mix(in oklab,var(--color-1-principal),white var(--step));--color-1-principal-dark:color-mix(in oklab,var(--color-1-principal),black var(--step));--color-2-secondary-light:color-mix(in oklab,var(--color-2-secondary),white var(--step));--color-2-secondary-dark:color-mix(in oklab,var(--color-2-secondary),black var(--step));--color-3-light-light:color-mix(in oklab,var(--color-3-light),white var(--step));--color-3-light-dark:color-mix(in oklab,var(--color-3-light),black var(--step));--color-4-dark-light:color-mix(in oklab,var(--color-4-dark),white var(--step));--color-4-dark-dark:color-mix(in oklab,var(--color-4-dark),black var(--step))}[data-palette]:not(.dark){--background:var(--color-3-light);--foreground:var(--color-4-dark);--card:var(--color-3-light-light);--card-foreground:var(--color-4-dark);--popover:var(--color-3-light-light);--popover-foreground:var(--color-4-dark);--primary:var(--color-1-principal);--primary-foreground:var(--color-3-light-light);--secondary:var(--color-2-secondary);--secondary-foreground:var(--color-3-light-light);--muted:var(--color-3-light-dark);--muted-foreground:var(--color-2-secondary);--accent:var(--color-3-light-dark);--accent-foreground:var(--color-4-dark);--border:var(--color-3-light-dark);--input:var(--color-3-light-dark);--ring:var(--color-1-principal);--destructive:#b3261e}.dark{--background:var(--color-4-dark-dark);--foreground:var(--color-3-light-light);--card:var(--color-4-dark);--card-foreground:var(--color-3-light-light);--popover:var(--color-4-dark);--popover-foreground:var(--color-3-light-light);--primary:var(--color-1-principal-light);--primary-foreground:var(--color-4-dark-dark);--secondary:var(--color-2-secondary-dark);--secondary-foreground:var(--color-3-light-light);--muted:var(--color-4-dark-light);--muted-foreground:var(--color-3-light-dark);--accent:var(--color-4-dark-light);--accent-foreground:var(--color-3-light-light);--border:var(--color-4-dark-light);--input:var(--color-4-dark-light);--ring:var(--color-1-principal-light);--destructive:#e06c64}:root{--grade-good:#3f9b54;--grade-hard:#e0902a;--grade-again:#d6453d;--grade-easy:#3b82c4}[data-palette=amber],[data-palette=coffee],[data-palette=latte],[data-palette=mocha]{--grade-good:#6f9b5a;--grade-hard:#d98a3d;--grade-again:#c2553f;--grade-easy:#5a86a8}.grade-cell{--c:var(--grade-good);display:grid;place-items:center;border:1px solid var(--c);border-radius:.5rem;background:color-mix(in oklab,var(--c) 16%,var(--card));color:var(--card-foreground);line-height:1;cursor:pointer;user-select:none;transition:border-color .15s ease,background-color .15s ease}.grade-cell[data-grade=hard]{--c:var(--grade-hard)}.grade-cell[data-grade=again]{--c:var(--grade-again)}.grade-cell[data-grade=easy]{--c:var(--grade-easy)}.grade-cell:hover{background:color-mix(in oklab,var(--c) 24%,var(--card))}.grade-cell:focus-visible{outline:2px solid var(--c);outline-offset:2px}.grade-cell[data-readonly]{cursor:default}.grade-cell[data-readonly]:hover{background:color-mix(in oklab,var(--c) 16%,var(--card))}.grade-cell[data-target]{box-shadow:0 0 0 2px var(--primary)}[data-key-cursor]{outline:2px dashed var(--primary);outline-offset:3px;border-radius:.5rem}:root{--st-known:var(--grade-good);--st-learning:var(--grade-hard);--st-due:var(--grade-easy);--st-saved:var(--color-2-secondary);--st-blocked:#7c5cbf;--st-unmet:color-mix(in oklab,var(--muted-foreground) 26%,transparent)}.dark{--st-blocked:#a98ce0}:root{--landing-new:#3f7cc0}.dark{--landing-new:#6c9fe0}[data-palette=amber],[data-palette=mocha]{--st-blocked:#8a63b8}[data-palette=amber].dark,[data-palette=mocha].dark{--st-blocked:#b394dd}:root{--tone-0:#8a8a8a;--tone-1:#c23b22;--tone-2:#1f8a4c;--tone-3:#2563c9;--tone-4:#8b3fc9}.dark{--tone-0:#9a9a9a;--tone-1:#ef6b54;--tone-2:#46c07a;--tone-3:#5b9bf0;--tone-4:#bd8af2}.t0{color:var(--tone-0)}.t1{color:var(--tone-1)}.t2{color:var(--tone-2)}.t3{color:var(--tone-3)}.t4{color:var(--tone-4)}.hanzi{font-family:var(--font-song)}:root{--device-shell:#34312e;--device-shell-edge:#ffffff1a;--device-stand:#2b2825;--device-stand-foot:#26231f;--device-screen:#1f1f1f;--device-tile:#3a3a3a;--device-tile-dim:#2a2a2a;--device-control:#3c3c3c;--device-hangup:#e5493a;--device-label:#ffffff;--device-label-dim:#dddddd;--slide:#ffffff;--slide-ink:#1a1a1a;--slide-ink-dim:#555555;--slide-label:#8a8a8a;--avatar-skin:#c9a37a;--avatar-hair:#2b2118;--avatar-shirt:#5b6d8a;--avatar-blank:#8a8a8a;--avatar-blank-dim:#6a6a6a}