:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary-50:#f4ffe6;--primary-100:#c9f686;--primary-200:#aed86f;--primary-300:#97be5b;--primary-400:#81a447;--primary-500:#6b8c34;--primary-600:#567420;--primary-700:#425d08;--primary-800:#304600;--primary-900:#203000;--primary-950:#111b00;--neutral-50:#f8fcf3;--neutral-100:#dee2d9;--neutral-200:#c5c8c0;--neutral-300:#acb0a8;--neutral-400:#949890;--neutral-500:#7d8079;--neutral-600:#666962;--neutral-700:#50544d;--neutral-800:#3c3f38;--neutral-900:#282b24;--neutral-950:#161812;--color-bg:#161812;--color-surface:#282b24;--color-surface-raised:#3c3f38;--color-text:#f8fcf3;--color-text-muted:#acb0a8;--color-border:#50544d;--color-border-strong:#7d8079;--color-primary:#c9f686;--color-primary-hover:#f4ffe6;--color-primary-active:#aed86f;--color-focus:#c9f686;--color-success:#81d584;--color-warning:#e7b643;--color-danger:#ffa098;--color-info:#76c7ff;--color-on-primary:#161812;--color-scrim:#161812c7;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bar:3.5rem;--measure:69rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar__inner{max-width:var(--measure);min-height:var(--bar);padding:max(.625rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .625rem max(1rem, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:.5rem;margin:0 auto;display:flex}.bar__group{align-items:center;gap:.25rem;min-width:0;display:flex}.bar__end{margin-left:.5rem}.wm{width:100%;height:auto;display:block}.mark{border-radius:2px;align-items:center;min-height:2.25rem;margin-right:.5rem;display:inline-flex;position:relative}.mark__glyph{width:1.5rem}.bar__link{min-height:2.25rem;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:2px;align-items:center;padding:0 .625rem;font-size:.8125rem;line-height:1.5;text-decoration:none;display:inline-flex}.bar__link[aria-current=page]{color:var(--color-text)}.sound,.star,.lang{background:var(--color-bg);min-width:2.25rem;min-height:2.25rem;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;line-height:1.5;text-decoration:none;display:inline-flex}.sound{padding:0}.sound[aria-pressed=true]{color:var(--color-primary)}.star{gap:1ch}.star__short{display:none}.star__count{letter-spacing:0;text-align:left;font-variant-numeric:tabular-nums;white-space:pre;min-width:7.5ch}.bar__link,.sound,.star,.lang,.btn{-webkit-tap-highlight-color:transparent;transition:background-color .12s steps(2,end),border-color .12s steps(2,end),color .12s steps(2,end)}@media (hover:hover){.bar__link:hover,.sound:hover,.star:hover,.lang:hover{background:var(--color-primary);color:var(--color-on-primary)}}.bar__link:active,.sound:active,.star:active,.lang:active{background:var(--color-primary-active);color:var(--color-on-primary)}.btn{min-height:2.5rem;font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:.625rem;padding:0 1rem;font-size:.875rem;line-height:1.5;text-decoration:none;display:inline-flex}.btn--small{min-height:2rem;padding:0 .875rem;font-size:.8125rem}.btn--solid{background:var(--color-primary);color:var(--color-on-primary)}.btn--outline{border-color:var(--color-border-strong);background:var(--color-bg);color:var(--color-text)}@media (hover:hover){.btn--solid:hover{background:var(--color-primary-hover)}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}}.btn--solid:active{background:var(--color-primary-active)}.btn--outline:active{border-color:var(--color-primary-active);color:var(--color-primary-active)}.swap{justify-items:center;display:inline-grid}.swap>*{grid-area:1/1}.swap__off{visibility:hidden}.bar__link:focus-visible,.sound:focus-visible,.star:focus-visible,.lang:focus-visible,.btn:focus-visible,.mark:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (max-width:30rem){.bar__inner{padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right));gap:.25rem}.bar__group{gap:.125rem}.bar__end{margin-left:.125rem}.mark{margin-right:.125rem}.bar__link{padding:0 .375rem;font-size:.75rem}.star{letter-spacing:0;padding:0 .375rem}.star__long{display:none}.star__short{display:inline}.btn--small{padding:0 .625rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.bar__link,.sound,.star,.lang,.btn{transition:none}}.keys{background:var(--color-bg);min-width:2.25rem;min-height:2.25rem;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.06em;-webkit-tap-highlight-color:transparent;white-space:pre;cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;line-height:1.5;transition:background-color .12s steps(2,end),color .12s steps(2,end);display:none}:root[data-keys] .keys{display:inline-flex}.keys__apple,.keys__touch,:root[data-apple] .keys__other{display:none}:root[data-apple] .keys__apple{display:inline}@media (pointer:coarse){:root[data-keys] .keys .keys__apple,:root[data-keys] .keys .keys__other{display:none}:root[data-keys] .keys .keys__touch{display:inline}}@media (hover:hover){.keys:hover{background:var(--color-primary);color:var(--color-on-primary)}}.keys:active{background:var(--color-primary-active);color:var(--color-on-primary)}.keys:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.palette{border:1px solid var(--color-border-strong);background:var(--color-surface);width:min(34rem,100vw - 2rem);max-height:min(30rem,100dvh - 4rem);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.04em;border-radius:2px;margin:min(12vh,6rem) auto auto;padding:0;font-size:.75rem;line-height:1.5;overflow:hidden}.palette[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.palette::backdrop{background:var(--color-scrim)}.palette__field{border-bottom:1px solid var(--color-border);align-items:center;gap:1ch;padding:0 .75rem;display:flex}.palette__field:focus-within{border-bottom-color:var(--color-focus)}.palette__prompt{color:var(--color-primary)}.palette__input{min-width:0;min-height:2.75rem;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.palette__input::placeholder{color:var(--color-text-muted);opacity:1}.palette__list{margin:0;padding:.25rem;list-style:none;overflow-y:auto}.palette__option{cursor:pointer;border-radius:2px;align-items:baseline;gap:1ch;min-height:2.25rem;padding:.5rem;display:flex}.palette__label{overflow-wrap:anywhere;flex:1;min-width:0}.palette__group,.palette__key,.palette__none,.palette__hint{color:var(--color-text-muted)}.palette__group{flex:none}.palette__key{border:1px solid var(--color-border-strong);font:inherit;border-radius:2px;flex:none;padding:0 .6ch}.palette__option[aria-selected=true],.palette__option[aria-selected=true] .palette__group,.palette__option[aria-selected=true] .palette__key{background:var(--color-primary);color:var(--color-on-primary)}.palette__option[aria-selected=true] .palette__key{border-color:currentColor}.palette__none{padding:.75rem .5rem}.palette__hint{border-top:1px solid var(--color-border);margin:0;padding:.5rem .75rem;font-size:.6875rem}@media (pointer:coarse){.palette__input{font-size:1rem}.palette__hint,.palette__key{display:none}}@media (prefers-reduced-motion:reduce){.keys{transition:none}}