:root{--cream:#efe7dd;--paper:#fbf8f3;--ink:#211b1f;--ink-soft:#6b645e;--brand-red:#d81e3c;--brand-green:#009640;--brand-yellow:#f0d800;--brand-blue:#0096c8;--bordeaux:#7a2e3a;--color-bg:var(--cream);--color-surface:var(--paper);--color-text:var(--ink);--color-muted:var(--ink-soft);--color-accent:var(--brand-red);--color-line:color-mix(in srgb, var(--ink) 22%, transparent);--color-ornament:var(--brand-red);--font-serif:Georgia, serif;--font-mono:ui-monospace, monospace}[data-theme=dark]{--color-bg:var(--bordeaux);--color-surface:var(--bordeaux);--color-text:var(--cream);--color-muted:var(--cream);--color-accent:var(--cream);--color-line:color-mix(in srgb, var(--cream) 40%, transparent);--color-ornament:var(--cream)}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text)}body{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-serif);margin:0}button{font:inherit}.theme-toggle{z-index:10;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);cursor:pointer;border-radius:999px;padding:.7rem .95rem;font-size:.8rem;line-height:1.2;transition:background-color .18s,color .18s,border-color .18s;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{border-color:var(--color-accent)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}.panel{min-height:100svh}.panel__stage{background:var(--color-bg);place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:clip}.panel__ornament{aspect-ratio:1;border:clamp(14px, 5vw, 52px) solid var(--color-ornament);opacity:1;width:min(68vw,58svh);box-shadow:0 0 0 1px var(--color-line);border-radius:50%}@media (width>=900px){.panel{min-height:250svh}}