:root{--color-primary-action:#ff2c55;--color-background:#f2f2f2;--color-surface:#fff;--color-gamification-gold:gold;--color-success:#07c160;--color-error:#fa5151;--color-info-radical:#5e5ce6;--color-pinyin-grey:#888}@media (prefers-color-scheme:dark){:root{--color-background:#121212;--color-surface:#1e1e1e}}body{background:var(--color-background);color:#1a1a1a;margin:0;font-family:system-ui,-apple-system,sans-serif}nav.svelte-12qhfyh{background:var(--color-surface,#fff);border-bottom:1px solid #e0e0e0;align-items:center;gap:1rem;padding:.75rem 2rem;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-primary-action);font-weight:600;text-decoration:none}.spacer.svelte-12qhfyh{flex:1}.role.svelte-12qhfyh{color:var(--color-pinyin-grey,#888);text-transform:uppercase;font-size:.8rem}nav.svelte-12qhfyh form:where(.svelte-12qhfyh) button:where(.svelte-12qhfyh){color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.app-shell.svelte-12qhfyh{box-sizing:border-box;min-height:100vh;padding:2rem}