:root{--paper: #0d0820;--paper-2: #150d30;--ink: #f1ecdf;--ink-2: #b9b2a6;--ink-3: #7b7488;--saffron: #e8702c;--line: #2a2144;--serif: "IBM Plex Serif", Georgia, serif;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--c: var(--saffron)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 var(--sans)}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}i{color:var(--ink-3);font-style:italic}small{display:block;font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.muted{color:var(--ink-2)}.shell{max-width:520px;margin:0 auto;padding:0 16px calc(32px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 0 6px}.brand{font:600 18px var(--serif);text-decoration:none;display:flex;gap:8px;align-items:baseline}.brand .ri{color:var(--saffron);font-size:20px}.top nav{display:flex;gap:4px}.top nav a{text-decoration:none;font-size:13px;padding:6px 10px;border-radius:999px;color:var(--ink-2)}.top nav a.on{background:var(--paper-2);color:var(--ink)}.kicker{font:500 12px/1.3 var(--mono);color:var(--ink-2);letter-spacing:.04em}.kicker b{color:var(--c);font-weight:500}h1{font:600 clamp(32px,9vw,44px)/1.05 var(--serif);letter-spacing:-.02em;margin:6px 0 14px;overflow-wrap:anywhere}h1.long{font-size:clamp(24px,6.6vw,34px)}h2{font:600 15px var(--sans);margin:0}.strip{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.strip .cell{aspect-ratio:1 / 1.6;border-radius:3px;background:var(--paper-2);position:relative;transition:background .25s,box-shadow .25s;display:grid;place-items:end center}.strip .cell.fixed:not(.on):after,.strip .cell.fixed.on:after{content:"";position:absolute;top:3px;left:50%;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:var(--ink-3)}.strip .cell.on:after{background:var(--paper)}.strip .cell span{font:500 10px var(--mono);color:var(--paper);padding-bottom:3px}.strip.sm{gap:2px}.strip.sm .cell{aspect-ratio:1 / 1.2;border-radius:2px}.strip.sm .cell.on{box-shadow:none!important}.result{position:sticky;top:0;z-index:2;background:linear-gradient(var(--paper) 82%,transparent);padding:10px 0 18px}.names{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;font:500 15px var(--sans)}.actions{display:flex;gap:10px;align-items:center}.hear{background:var(--c);color:var(--paper);font-weight:600;padding:12px 20px;border-radius:999px;transition:filter .2s,transform .1s}.hear:active{transform:scale(.97)}.hear.live{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.25)}}.open{padding:12px 16px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--ink-2)}.controls{display:grid;gap:22px;margin-top:8px}.group .gh{margin-bottom:10px}.group .gh p{margin:2px 0 0;color:var(--ink-2);font-size:13px}.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.opts.two{grid-template-columns:1fr 1fr}.opt{display:grid;gap:7px;padding:10px 10px 9px;border-radius:12px;background:var(--paper-2);border:1.5px solid transparent;text-align:left;font:500 12px var(--mono);color:var(--ink-2);transition:border-color .2s,transform .1s}.opt:active{transform:scale(.97)}.opt.on{border-color:var(--c);color:var(--ink)}.foot{color:var(--ink-3);font-size:13px;margin-top:26px}.foot a{color:var(--ink-2)}.concept .hear{margin:16px 0 22px}.three{display:grid;gap:10px}.sys{padding:12px 14px;border-radius:12px;background:var(--paper-2);display:grid;gap:2px}.sys.anchor{border-left:3px solid var(--c)}.sys b{font:600 18px var(--serif)}.sys>span{font:500 13px var(--mono);color:var(--ink-2)}.chips{display:flex;gap:6px;margin-top:6px}.chips em{font:500 11px var(--mono);font-style:normal;padding:3px 8px;border-radius:999px;border:1px solid var(--line)}.chips .ok{color:#8fe3a9;border-color:#2d6b43}.chips .no{color:#f0b48a;border-color:#7a4a2a}.line{font:400 18px/1.45 var(--serif);margin:22px 0 6px}.done{color:var(--ink-3);font-size:13px;margin:0 0 18px}.rowbtns{display:flex;justify-content:space-between;gap:8px}.rowbtns button{flex:1;padding:11px 6px;border-radius:10px;border:1px solid var(--line);color:var(--ink-2);font-size:14px}.rowbtns button:nth-child(2){color:var(--c);border-color:var(--c)}.more{display:block;width:100%;text-align:left;padding:14px 0;margin-top:10px;border-top:1px solid var(--line);color:var(--ink-2)}.deeper{display:grid;gap:12px;font-size:14px}.deeper table{width:100%;border-collapse:collapse;font:500 12px var(--mono)}.deeper th{text-align:left;color:var(--ink-3);font-weight:500;padding:4px 6px 4px 0}.deeper td{text-align:center;padding:4px 2px;border-top:1px solid var(--line)}.deeper p{margin:0}.grid72 h1{font-size:clamp(24px,6.5vw,32px)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;margin-bottom:16px}.seg button{padding:8px 14px;border-radius:999px;color:var(--ink-2);font-size:13px}.seg button.on{background:var(--saffron);color:var(--paper);font-weight:600}.g{display:grid;grid-template-columns:58px repeat(6,1fr);gap:3px}.g .corner{font:500 9px/1.3 var(--mono);color:var(--ink-3);align-self:end;padding-bottom:4px}.g .hd{font:500 10px var(--mono);color:var(--ink-3);text-align:center;align-self:end;padding-bottom:4px}.g .hd.row{text-align:left;display:grid;align-self:center;padding:0}.g .hd.row small{font-size:9px;color:inherit;opacity:.8;margin:0;text-transform:none;letter-spacing:0}.g .c{aspect-ratio:1;border-radius:6px;background:var(--paper-2);display:grid;align-content:center;justify-items:center;gap:1px;padding:2px;overflow:hidden;border:1px solid transparent}.g .c b{font:600 13px var(--mono);color:var(--ink-2)}.g .c span{font-size:7.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.g .c.named{background:color-mix(in oklab,var(--c) 22%,var(--paper-2));border-color:var(--c)}.g .c.named b{color:var(--c)}.jam .lead{color:var(--ink-2);font-size:15px}.jam ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.jam li{padding:14px;border-radius:12px;background:var(--paper-2);display:grid;gap:3px;position:relative}.jam li a{text-decoration:none}.jam li b{font:600 17px var(--serif)}.jam li span{color:var(--ink-2);font-size:14px}.jam li em{position:absolute;top:12px;right:12px;font:500 10px var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.jam li.live em{color:#8fe3a9}.jam li.next em{color:var(--saffron)}.jam li.idea{opacity:.6}