:root{--ink:#14100d;--ink-soft:#14100d8c;--ink-faint:#14100d61;--accent:#c02a1f;--card:#ffffffa8;--hairline:#14100d1a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#fff;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{cursor:grab;width:100%;height:100%;display:block}#stage canvas:active{cursor:grabbing}#cursor{border:1px solid var(--ink-faint);opacity:0;pointer-events:none;z-index:4;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:opacity .16s,transform .18s,border-color .16s,background-color .16s;position:fixed;top:50%;left:50%;transform:scale(1)}#cursor.live{opacity:1}#cursor.grab{border-color:var(--accent);background:#c02a1f1a;transform:scale(1.85)}body.ring #stage canvas{cursor:none}@media (prefers-reduced-motion:reduce){#cursor{transition:none}}.masthead{pointer-events:none;max-width:min(46ch,62vw);position:fixed;top:clamp(18px,4vh,42px);left:clamp(20px,4vw,46px)}.eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:10px}.masthead h1{font-family:var(--serif);letter-spacing:-.025em;margin:.5em 0 0;font-size:clamp(42px,7.4vw,92px);font-style:italic;font-weight:400;line-height:.9}.masthead .line{display:block}.masthead .accent{color:var(--accent)}.tagline{max-width:28ch;color:var(--ink-soft);margin:1.1em 0 0;font-size:14px;line-height:1.5}.panel{border:1px solid var(--hairline);background:var(--card);-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);border-radius:16px;gap:16px;width:236px;padding:18px;display:grid;position:fixed;top:clamp(18px,4vh,42px);right:clamp(16px,3vw,36px);box-shadow:0 18px 40px -28px #14100d80}.field{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.field.stack{display:block}.row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-size:9.5px}.value{letter-spacing:.06em;font-size:11px}.swatches{gap:9px;margin-top:-6px;display:flex}.chip{background:var(--chip,#fff);cursor:pointer;border:1px solid #14100d2e;border-radius:50%;width:19px;height:19px;padding:0;transition:transform .12s,box-shadow .12s}.chip:hover{transform:translateY(-1px)}.chip[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--ink)}.chip.mixed{background:conic-gradient(#d5342c 0 20%, #f0821e 0 40%, #f2c81b 0 60%, #2f9e44 0 80%, #efe3b3 0)}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:22px;margin:2px 0 0}input[type=range]::-webkit-slider-runnable-track{background:#14100d2e;border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:none;border-radius:50%;width:13px;height:13px;margin-top:-5.5px}input[type=range]::-moz-range-track{background:#14100d2e;border-radius:2px;height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);border:none;border-radius:50%;width:13px;height:13px}.switch{border:1px solid var(--hairline);font:inherit;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:10px}.switch[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.readouts{border-top:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:12px 0 0;display:grid}.readouts dt{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:9px}.readouts dd{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:19px;line-height:1}.primary,.ghost{font:inherit;cursor:pointer}.primary{background:var(--ink);color:#fff;letter-spacing:.14em;text-transform:uppercase;border:none;border-radius:11px;padding:11px 14px;font-size:11px}.primary:hover{background:#000}.ghost{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);text-underline-offset:3px;background:0 0;border:none;justify-self:start;margin-top:-8px;padding:0;font-size:10px;text-decoration:underline}.foot{pointer-events:none;justify-content:space-between;align-items:baseline;gap:16px;display:flex;position:fixed;bottom:clamp(14px,3vh,28px);left:clamp(20px,4vw,46px);right:clamp(16px,3vw,46px)}.hints,.meta{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);gap:18px;margin:0;font-size:9.5px;display:flex}@media (max-width:760px){.panel{width:auto;inset:auto 12px 54px}.masthead{max-width:78vw}.tagline,.hints span:nth-child(n+3){display:none}}