:root{--g-n-100: hsl(40 10% 100%);--g-n-98: hsl(40 10% 97.5%);--g-n-96: hsl(40 9% 95.5%);--g-n-92: hsl(40 9% 92%);--g-n-86: hsl(40 8% 86%);--g-n-78: hsl(40 8% 78%);--g-n-58: hsl(40 7% 56%);--g-n-54: hsl(40 7% 52%);--g-n-38: hsl(40 9% 36%);--g-n-32: hsl(40 10% 30%);--g-n-24: hsl(40 11% 23%);--g-n-18: hsl(40 12% 17%);--g-n-16: hsl(40 12% 15%);--g-n-14: hsl(40 12% 13%);--g-n-10: hsl(40 13% 9.5%);--g-n-08: hsl(40 14% 7.5%);--g-teal-100: hsl(155 30% 94%);--g-teal-300: hsl(155 30% 30%);--g-teal-400: hsl(155 33% 24%);--g-teal-500: hsl(155 35% 19%);--g-teal-d-300: hsl(155 24% 50%);--g-teal-d-400: hsl(155 26% 60%);--g-teal-d-tint: hsl(155 22% 12%);--g-clay-100: hsl(28 62% 94%);--g-clay-300: hsl(28 58% 40%);--g-clay-400: hsl(28 60% 33%);--g-clay-d-300: hsl(28 46% 60%);--g-clay-d-tint: hsl(28 34% 12%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--gutter: var(--space-8);--radius-control: 14px;--radius-card: 18px;--tap: 56px;--font-display: "Cormorant Infant", Georgia, serif;--font-ui: "Rubik", system-ui, sans-serif;--text-scale: 1;--lh-body: 1.68;--headline-size: clamp(30px, 8.5vw, 46px);--headline-lh: 1.1;--headline-weight: 400;--headline-min: 0px;--figure-weight: 300;--figure-optical: -.0503em;--display-var: normal}:root,[data-theme=light]{color-scheme:light;--fill-1: var(--g-n-98);--fill-2: var(--g-n-96);--fill-3: var(--g-n-92);--stroke-1: var(--g-n-86);--stroke-2: var(--g-n-78);--text-1: var(--g-n-16);--text-2: var(--g-n-38);--text-3: var(--g-n-54);--accent: var(--g-teal-300);--accent-contrast: var(--g-teal-400);--accent-press: var(--g-teal-500);--accent-tint: var(--g-teal-100);--on-accent: var(--g-n-100);--secondary: var(--g-clay-300);--secondary-tint: var(--g-clay-100);--on-secondary: var(--g-n-100);--shade: hsl(35 20% 8% / .09);--frame-edge: var(--g-n-86)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--fill-1: var(--g-n-10);--fill-2: var(--g-n-14);--fill-3: var(--g-n-18);--stroke-1: var(--g-n-24);--stroke-2: var(--g-n-32);--text-1: var(--g-n-96);--text-2: var(--g-n-78);--text-3: var(--g-n-58);--accent: var(--g-teal-d-300);--accent-contrast: var(--g-teal-d-400);--accent-press: var(--g-teal-d-400);--accent-tint: var(--g-teal-d-tint);--on-accent: var(--g-n-08);--secondary: var(--g-clay-d-300);--secondary-tint: var(--g-clay-d-tint);--on-secondary: var(--g-n-08);--shade: hsl(0 0% 0% / .5);--frame-edge: var(--g-n-24)}}[data-theme=dark]{color-scheme:dark;--fill-1: var(--g-n-10);--fill-2: var(--g-n-14);--fill-3: var(--g-n-18);--stroke-1: var(--g-n-24);--stroke-2: var(--g-n-32);--text-1: var(--g-n-96);--text-2: var(--g-n-78);--text-3: var(--g-n-58);--accent: var(--g-teal-d-300);--accent-contrast: var(--g-teal-d-400);--accent-press: var(--g-teal-d-400);--accent-tint: var(--g-teal-d-tint);--on-accent: var(--g-n-08);--secondary: var(--g-clay-d-300);--secondary-tint: var(--g-clay-d-tint);--on-secondary: var(--g-n-08);--shade: hsl(0 0% 0% / .5);--frame-edge: var(--g-n-24)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--fill-1);color:var(--text-1);font-family:var(--font-ui);font-size:calc(16px * var(--text-scale, 1));line-height:var(--lh-body);-webkit-text-size-adjust:100%}main{max-width:34rem;margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-12)}@media(max-width:44rem){main{padding-top:64px}}h1{font-family:var(--font-display);font-size:var(--headline-size);line-height:var(--headline-lh);font-weight:var(--headline-weight);margin:0}h2{font-family:var(--font-ui);font-size:calc(15px * var(--text-scale, 1));font-weight:500;color:var(--text-2);margin:var(--space-10) 0 var(--space-3)}a{color:var(--accent-contrast)}.bit .date{color:var(--text-3);font-size:calc(13px * var(--text-scale, 1));margin:0 0 var(--space-3)}.bit .figure{display:flex;align-items:center;gap:var(--space-5);margin:var(--space-8) 0 var(--space-2)}.bit .figure-num{flex:none;font-family:var(--font-ui);font-size:clamp(36px,11vw,48px);font-weight:600;line-height:1;color:var(--accent-contrast)}.bit .figure-cap{flex:1;color:var(--text-2);font-size:calc(15px * var(--text-scale, 1));max-width:24ch;text-wrap:pretty}.bit .action{border-top:1px solid var(--stroke-1);margin-top:var(--space-8);padding-top:var(--space-6)}.bit .action h2{margin-top:0}.bit .ask{color:var(--text-2);margin:0 0 var(--space-3)}.bit .movements{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.bit .movements button{width:100%;border:1px solid var(--stroke-1);border-radius:var(--radius-control);background:var(--fill-2);padding:var(--space-3) var(--space-4);min-height:44px;display:flex;align-items:center;gap:var(--space-2);font:inherit;color:var(--text-1);text-align:left;cursor:pointer;transition:border-color .16s ease}.bit .movements button:hover{border-color:var(--accent)}.bit .movements button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bit .movements button[aria-pressed=true]{background:none;color:var(--text-3)}.bit .movements .tick{color:var(--accent-contrast);font-weight:600}.bit .source,.bit .note{color:var(--text-3);font-size:calc(13px * var(--text-scale, 1))}.bit .note{border-top:1px solid var(--stroke-1);margin-top:var(--space-10);padding-top:var(--space-4)}footer{color:var(--text-3);font-size:calc(13px * var(--text-scale, 1));text-align:center;margin-top:var(--space-12)}footer a{color:var(--text-2)}#theme{position:fixed;top:var(--space-4);right:var(--space-4);z-index:30;display:none;gap:3px;padding:3px;border-radius:999px;background:var(--fill-2);border:1px solid var(--stroke-1);box-shadow:0 2px 12px -4px var(--shade)}#theme button{appearance:none;border:0;background:none;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;border-radius:999px;color:var(--text-3);transition:background .16s,color .16s}#theme button svg{width:18px;height:18px}#theme button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}#theme button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}