:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#fff;--ink:#0a0a0a;--grey:#5c5c5c;--rule:#0a0a0a;--hair:#d4d4d4;--ok:#0b6b33;--bad:var(--accent);--accent-ink:#fff;--accent:#be123c;--maxw:1400px;--pad:32px;--g:16px;--rulew:1px;--fs:14px;--lede:17px;--intropad:36px;--h1:clamp(34px, 5vw, 64px);--pointcols:4;--pointnum:30px;--h2:22px;--count:52px;--heron:4;--heronv:clamp(28px, 3vw, 46px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--paper:#0d0d0f;--ink:#f2f0ec;--grey:#a2a2ad;--rule:#e8e6e2;--hair:#2b2b31;--ok:#46d07f;--accent:#ff5a5f;--accent-ink:#0d0d0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0d0d0f;--ink:#f2f0ec;--grey:#a2a2ad;--rule:#e8e6e2;--hair:#2b2b31;--ok:#46d07f;--accent:#ff5a5f;--accent-ink:#0d0d0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:60px}body{background:var(--paper);color:var(--ink);font:var(--fs) / 1.45 "Helvetica Neue", Helvetica, Arial, "Nimbus Sans", sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:var(--maxw);padding:0 var(--pad);margin:0 auto}.grid{column-gap:var(--g);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.topbar{z-index:20;background:var(--paper);border-bottom:var(--rulew) solid var(--rule);position:sticky;top:0}.topbar .grid{align-items:center;min-height:56px}.logo{letter-spacing:-.02em;grid-column:1/span 5;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.logo svg{flex:none;width:28px;height:28px}.topbar nav{gap:var(--g);flex-wrap:wrap;grid-column:6/span 7;justify-content:flex-end;align-items:center;display:flex}.topbar nav a{border-top:3px solid #0000;padding:6px 0;font-size:13px;font-weight:700;text-decoration:none}.topbar nav a span{color:var(--accent);margin-right:5px}.topbar nav a[aria-current=true]{border-top-color:var(--accent)}.btn{font:inherit;background:var(--paper);color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:0;padding:8px 13px;font-size:14px;font-weight:700;line-height:1.15;text-decoration:none;display:inline-block}.btn:hover{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{background:var(--paper);color:var(--ink)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.accent:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.btn.sm{padding:5px 9px;font-size:12px}kbd{border:1px solid;margin-left:4px;padding:1px 3px;font:700 10px/1 Helvetica,Arial,sans-serif}.live-pill{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.live-pill.off i{background:var(--grey);animation:none}.live-pill i{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.intro{padding:var(--intropad) 0 40px;border-bottom:var(--rulew) solid var(--rule)}.kicker{text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;grid-column:1/span 12;align-items:center;gap:12px;margin:0 0 14px;font-size:13px;font-weight:800;display:flex}.kicker span{color:var(--accent)}h1.hero{font-size:var(--h1);letter-spacing:-.045em;grid-column:1/span 8;margin:0;font-weight:800;line-height:.9}h1.hero em{color:var(--accent);font-style:normal}.lede{font-size:var(--lede);grid-column:1/span 7;max-width:40em;margin:26px 0 0;line-height:1.3}.points{grid-column:1/span 12;grid-template-columns:repeat(var(--pointcols), minmax(0, 1fr));column-gap:var(--g);counter-reset:n;row-gap:22px;margin:36px 0 0;padding:0;list-style:none;display:grid}.points li{border-top:1px solid var(--rule);padding-top:10px;font-size:14px;line-height:1.4}.points li:before{counter-increment:n;content:"0" counter(n);font-size:var(--pointnum);letter-spacing:-.03em;color:var(--accent);margin-bottom:9px;font-weight:800;line-height:1;display:block}.points b{margin-bottom:4px;display:block}.cta{flex-wrap:wrap;grid-column:1/span 12;align-items:center;gap:14px;margin-top:30px;display:flex}.bignum{letter-spacing:-.05em;color:var(--accent);grid-column:1/span 12;margin:8px 0 0;font-size:clamp(72px,18vw,230px);font-weight:800;line-height:.82}.bignum small{color:var(--ink);font-size:var(--fs);letter-spacing:.04em;text-transform:uppercase;margin-top:12px;font-weight:700;display:block}.work{padding:36px 0 64px}.sec-h{border-top:var(--rulew) solid var(--rule);font-size:var(--h2);letter-spacing:-.02em;align-items:baseline;gap:12px;margin:0 0 18px;padding-top:10px;font-weight:800;display:flex}.sec-h span{color:var(--accent);font-size:var(--h2)}.sec-h .meta{color:var(--grey);letter-spacing:.03em;text-transform:uppercase;margin-left:auto;font-size:12px;font-weight:700}.full{grid-column:1/span 12}.paintgrid{gap:var(--g);grid-template-columns:minmax(0,3fr) minmax(210px,1fr);align-items:start;display:grid}.canvasbox{border:var(--rulew) solid var(--ink);background:#0d1328;width:100%;position:relative}.canvasbox canvas{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;display:block}.canvasbox canvas.view{cursor:crosshair}.canvasbox canvas.overlay{pointer-events:none;position:absolute;inset:0}.canvas-state{background:var(--accent);color:var(--accent-ink);letter-spacing:.03em;text-transform:uppercase;padding:6px 11px;font-size:12px;font-weight:800;position:absolute;bottom:0;left:0}.canvas-msg{text-align:center;color:#f2f0ec;background:#0d1328b8;place-items:center;gap:12px;padding:20px;font-weight:700;display:grid;position:absolute;inset:0}.controls{flex-direction:column;gap:14px;display:flex}.lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--grey);margin:0 0 6px;font-size:11px;font-weight:800}.tools,.acts,.sizes,.chaos{flex-wrap:wrap;gap:7px;display:flex}.sizes .btn{justify-content:center;align-items:center;min-width:34px;display:inline-flex}.sizes .btn i{background:currentColor;border-radius:50%;display:block}.swatches{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.sw{aspect-ratio:1;border:1px solid var(--ink);cursor:pointer;border-radius:0;padding:0}.sw[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.status{border-top:1px solid var(--rule);padding-top:8px}.status .state{text-transform:uppercase;color:var(--accent);letter-spacing:.04em;font-size:12px;font-weight:800}.status .t{letter-spacing:-.01em;margin:4px 0;font-size:16px;font-weight:700}.status .b{color:var(--grey);font-size:13px}.count{font-size:var(--count);letter-spacing:-.05em;font-weight:800;line-height:1}.count small{letter-spacing:0;font-size:16px;font-weight:700}.count.warn{color:var(--accent)}.note{color:var(--grey);margin:0;font-size:12px}.note.err{color:var(--accent);border-left:4px solid var(--accent);padding-left:10px}.nudge{border-left:4px solid var(--accent);padding:5px 0 5px 10px;font-size:13px}.hero-n{grid-template-columns:repeat(var(--heron), minmax(0, 1fr));column-gap:var(--g);border-bottom:1px solid var(--rule);margin-bottom:6px;padding-bottom:16px;display:grid}.hero-n>div{min-width:0}.hero-n .v{font-size:var(--heronv);letter-spacing:-.04em;white-space:nowrap;text-overflow:clip;font-variant-numeric:tabular-nums;font-weight:800;line-height:.95;overflow:hidden}.hero-n .l{color:var(--grey);margin-top:6px;font-size:12px;font-weight:700}.hero-n .ok{color:var(--ok)}.hero-n .bad,.hero-n .accentv{color:var(--accent)}.stats{flex-direction:column;display:flex}.stat{border-bottom:1px solid var(--hair);grid-template-columns:minmax(150px,auto) minmax(56px,auto) 1fr;align-items:center;gap:14px;padding:9px 0;display:grid}.stat .l{font-size:13px}.stat .v{letter-spacing:-.03em;text-align:right;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stat svg{width:100%;height:30px;color:var(--accent);display:block}@media (width>=1200px){.stat svg{height:36px}}.sub-h{text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--rule);align-items:center;gap:10px;margin:26px 0 6px;padding-top:8px;font-size:12px;font-weight:800;display:flex}.log{max-height:320px;margin:0;padding:0;font-size:12px;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid var(--hair);grid-template-columns:62px 1fr;gap:8px;padding:5px 0;display:grid}.log time{color:var(--grey);font-variant-numeric:tabular-nums}.log .conflict,.log .refused,.log .expire{color:var(--accent)}.log .grant,.log .paint{color:var(--ok)}.log-empty{color:var(--grey);padding:8px 0}footer{border-top:var(--rulew) solid var(--rule);color:var(--grey);padding:16px 0 46px;font-size:12px}footer a{color:var(--accent)}.clients-list{flex-direction:column;display:flex}.client{border-bottom:1px solid var(--hair);grid-template-columns:14px minmax(96px,max-content) 1fr auto;align-items:center;gap:14px;padding:9px 0;font-size:13px;display:grid}.client .dot{border-radius:2px;flex:none;width:12px;height:12px}.client .cname{font-weight:800}.client .cname em{color:var(--grey);text-transform:uppercase;letter-spacing:.04em;margin-left:5px;font-size:11px;font-style:normal;font-weight:700}.client .cstat{color:var(--grey);text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.client-detail{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-items:end;gap:8px;padding:6px 0 2px;display:grid}.client-detail label{color:var(--grey);flex-direction:column;gap:4px;font-size:11px;display:flex}.client-detail input,.client-detail select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--hair);padding:5px 6px;font-size:12px}.client-detail .check{color:var(--ink);flex-direction:row;align-items:center;gap:6px}.cstats{grid-template-columns:1fr;column-gap:30px;display:grid}@media (width>=1200px){.cstats{grid-template-columns:1fr 1fr}}@media (width<=1100px){.points{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-n{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}}@media (width<=720px){:root{--pad:16px;--g:14px}.topbar .grid{flex-wrap:wrap;gap:10px;display:flex}.logo{flex:none}.topbar nav{flex:1;justify-content:flex-end;gap:10px}h1.hero,.lede,.bignum{grid-column:1/span 12}.points,.paintgrid{grid-template-columns:minmax(0,1fr)}.stat{grid-template-columns:1fr auto;gap:8px}.stat svg{grid-column:1/span 2;height:28px}.client{grid-template-columns:14px 1fr auto;gap:9px}.client .cstat{text-align:left;grid-column:1/-1}}@media (pointer:coarse){.btn{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.btn.sm{min-height:44px;padding-top:9px;padding-bottom:9px}.sw{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
