@font-face{font-family:BigShoulders;src:url('./fonts/big-shoulders-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:BigShoulders;src:url('./fonts/big-shoulders-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:DMMono;src:url('./fonts/dm-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DMMono;src:url('./fonts/dm-mono-500.woff2') format('woff2');font-weight:500;font-display:swap}
[hidden]{display:none!important}
:root{--ink:#061311;--surface:#0a1c19;--surface2:#0d2521;--line:#1b3a34;--muted:#719089;--text:#e8f3ef;--ice:#a5ffe1;--cyan:#35e7ff;--acid:#d9ff68;--red:#ff647c;--gold:#ffbd45;--shadow:0 26px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}
html{background:var(--ink);color:var(--text);font-family:DMMono,monospace;scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 68% -10%,rgba(42,222,184,.12),transparent 34%),linear-gradient(180deg,#071713,#06110f 55%,#071512);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(92,145,132,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,145,132,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.13;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
.masthead{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1500px)/2));position:relative;z-index:3;background:rgba(5,17,15,.72);backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-family:BigShoulders,sans-serif;letter-spacing:.08em;font-size:25px;line-height:.8}.brand em{font-style:normal;font-size:9px;color:var(--muted);letter-spacing:.17em;margin-top:8px}
.brand-mark{width:35px;height:35px;position:relative;display:block;transform:rotate(-9deg)}.brand-mark i{position:absolute;bottom:5px;width:8px;background:var(--ice);clip-path:polygon(50% 0,100% 100%,0 100%)}.brand-mark i:first-child{height:26px;left:2px}.brand-mark i:nth-child(2){height:19px;left:13px}.brand-mark i:nth-child(3){height:12px;left:24px;background:var(--cyan)}
.system-state{display:flex;align-items:center;gap:11px;text-align:right}.system-state div{display:flex;flex-direction:column}.system-state b{font-size:10px;letter-spacing:.15em}.system-state small{color:var(--muted);font-size:9px;margin-top:4px}.pulse{width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px rgba(217,255,104,.08),0 0 18px var(--acid);animation:pulse 2s infinite}.pulse.error{background:var(--red);box-shadow:0 0 18px var(--red)}
main{width:min(1500px,calc(100% - 48px));margin:auto;position:relative;z-index:1}.hero{min-height:310px;display:flex;align-items:flex-end;justify-content:space-between;padding:72px 0 48px}.kicker,.section-index{font-size:9px;letter-spacing:.18em;color:var(--cyan);margin:0 0 14px;text-transform:uppercase}.hero h1{font-family:BigShoulders,sans-serif;font-weight:800;font-size:clamp(58px,7vw,108px);line-height:.78;letter-spacing:-.025em;text-transform:uppercase;margin:0;max-width:1000px}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--ice)}.hero-note{width:310px;color:#9bb5ae;font-size:11px;line-height:1.8;margin:0 0 6px;border-left:1px solid var(--cyan);padding-left:18px}
.control-deck{display:grid;grid-template-columns:1.3fr repeat(4,minmax(150px,.7fr)) auto;border:1px solid var(--line);background:rgba(8,28,24,.86);box-shadow:var(--shadow)}.control{padding:17px 18px;border-right:1px solid var(--line);min-width:0}.control label,.protocol-filter>span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}.control label b{color:var(--ice);float:right}.control select,.control input[type=date]{width:100%;border:0;background:transparent;color:var(--text);font:500 11px DMMono;padding:2px 0;outline:none;color-scheme:dark}.dates>div{display:flex;align-items:center;gap:8px}.dates input{min-width:0}.dates span{color:var(--muted)}.control input[type=range]{width:100%;accent-color:var(--ice);height:4px}.apply-button{border:0;background:var(--ice);color:#06201a;font:800 14px BigShoulders;letter-spacing:.08em;padding:0 24px;cursor:pointer;transition:.2s}.apply-button:hover{background:var(--acid);box-shadow:0 0 30px rgba(217,255,104,.18)}.apply-button span{margin-left:12px}.protocol-filter{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:12px 18px;border-top:1px solid var(--line)}.protocol-filter>span{margin:0;min-width:146px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#0a1b18;color:var(--muted);font:500 9px DMMono;padding:7px 10px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.chip.active{border-color:var(--chip);color:var(--text);box-shadow:inset 0 -2px var(--chip);background:color-mix(in srgb,var(--chip) 10%,#0a1b18)}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;margin-bottom:22px}.metric-strip article{padding:22px 24px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:3px;background:rgba(8,24,21,.7)}.metric-strip article:last-child{border-right:0}.metric-strip span{color:var(--muted);font-size:8px;letter-spacing:.14em}.metric-strip b{font:800 38px/1 BigShoulders;color:var(--ice);grid-row:1/3;grid-column:2}.metric-strip small{font-size:8px;color:#58756e}
.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,31,27,.95),rgba(6,20,17,.93));box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:24px 28px 18px}.panel-heading.compact{align-items:center}.panel-heading h2{font:800 30px/1 BigShoulders;text-transform:uppercase;letter-spacing:.02em;margin:0}.section-index{margin-bottom:8px}.legend{display:flex;gap:18px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:20px;height:3px;background:var(--cyan)}.legend i.migrated{background:var(--red)}.legend i.expanded{background:var(--cyan)}.legend i.loyal{background:var(--acid)}.legend i.churned{background:#60736f}.sankey-axis{display:flex;justify-content:space-between;padding:9px 72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#55736c;font-size:8px;letter-spacing:.17em}.sankey-wrap{height:590px;position:relative;overflow:hidden}.sankey-wrap:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed rgba(93,140,130,.16)}#sankey{width:100%;height:100%;display:block}.sankey-node{filter:drop-shadow(0 0 12px rgba(93,255,222,.08))}.sankey-label{font:500 10px DMMono;fill:#ddecE8;letter-spacing:.03em}.sankey-value{font:400 8px DMMono;fill:#66847d}.flow-ribbon{cursor:pointer;opacity:.57;transition:opacity .2s,filter .2s}.flow-ribbon:hover{opacity:.95;filter:drop-shadow(0 0 9px rgba(98,255,224,.25))}.method-note{margin:0;padding:14px 28px 18px;border-top:1px solid var(--line);color:#6d8a83;font-size:8px;line-height:1.7;letter-spacing:.03em}.method-note b{color:var(--ice)}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px}.empty-state b{font:800 25px BigShoulders;color:var(--text)}.empty-state span{font-size:9px}
.secondary-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:22px;margin-top:22px}.secondary-grid .panel{min-height:470px}.micro-label{font-size:8px;color:var(--muted);letter-spacing:.14em}.heatmap{overflow-x:auto;padding:4px 28px 28px}.heatmap-grid{display:grid;gap:3px;min-width:710px;align-items:center}.heat-label{font-size:8px;color:#afc2bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heat-day{font-size:7px;color:#58746d;text-align:center}.heat-cell{aspect-ratio:1;border:1px solid rgba(255,255,255,.025);min-width:14px;transition:.15s}.heat-cell:hover{transform:scale(1.45);border-color:var(--ice);z-index:2}.heat-legend{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:var(--muted);font-size:7px;margin-top:12px}.heat-ramp{width:90px;height:6px;background:linear-gradient(90deg,#10241f,var(--cyan),var(--acid))}.leaderboard{padding:0 24px 24px}.rank-row{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.rank-number{font:800 21px BigShoulders;color:#48675f}.rank-main b{display:block;font-size:10px}.rank-main span{display:block;height:4px;background:#142c27;margin-top:8px}.rank-main i{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--acid));box-shadow:0 0 10px rgba(53,231,255,.22)}.rank-value{text-align:right}.rank-value b{font:800 24px BigShoulders;color:var(--ice)}.rank-value small{display:block;font-size:7px;color:var(--muted)}
.pressure-panel{margin:22px 0}.pressure-grid{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid var(--line)}.pressure-grid>div{padding:22px 28px 28px}.pressure-grid>div+div{border-left:1px solid var(--line)}.pressure-grid h3{font:600 17px BigShoulders;text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px}.pair-row{display:grid;grid-template-columns:1fr 26px 1fr auto;gap:10px;padding:10px 0;border-top:1px solid rgba(27,58,52,.7);align-items:center;font-size:9px}.pair-row i{height:1px;background:var(--cyan);position:relative}.pair-row i:after{content:"";position:absolute;right:0;top:-2px;border-left:4px solid var(--cyan);border-top:2px solid transparent;border-bottom:2px solid transparent}.pair-row b{color:var(--ice)}.pressure-row{display:grid;grid-template-columns:100px 1fr 60px;gap:10px;align-items:center;margin:10px 0;font-size:8px}.pressure-track{height:7px;background:#142b26;position:relative}.pressure-track i{position:absolute;top:0;bottom:0;background:var(--cyan)}.pressure-track:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;border-left:1px solid #4d6a63}.pressure-row b{text-align:right;color:var(--ice)}
footer{border-top:1px solid var(--line);margin-top:60px;padding:26px 0 40px;display:grid;grid-template-columns:1fr 1fr auto;gap:50px;color:var(--muted);font-size:8px;line-height:1.7}footer div{display:flex;flex-direction:column}footer b{color:var(--text);letter-spacing:.12em;margin-bottom:4px}footer a{color:var(--cyan);text-decoration:none}
.tooltip{position:fixed;z-index:50;pointer-events:none;background:#e5fff6;color:#071612;padding:11px 13px;box-shadow:0 10px 35px #000;font-size:8px;line-height:1.6;max-width:260px}.tooltip b{font:800 18px BigShoulders;display:block}.flow-drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,92vw);background:#081a17;border-left:1px solid var(--ice);z-index:61;padding:42px;transform:translateX(102%);transition:transform .28s cubic-bezier(.22,.61,.36,1);overflow-y:auto;box-shadow:-30px 0 80px rgba(0,0,0,.5)}.flow-drawer.open{transform:none}.flow-drawer>button{position:absolute;right:25px;top:20px;border:0;background:none;color:var(--muted);font:400 30px DMMono;cursor:pointer}.flow-drawer h2{font:800 46px/.9 BigShoulders;text-transform:uppercase;margin:6px 0 24px}.flow-drawer h3{font:600 16px BigShoulders;text-transform:uppercase;margin-top:30px}.drawer-scrim{position:fixed;inset:0;background:rgba(0,8,7,.68);backdrop-filter:blur(3px);z-index:60}.drawer-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.drawer-stats div{padding:15px;border-right:1px solid var(--line)}.drawer-stats span{display:block;color:var(--muted);font-size:7px}.drawer-stats b{font:800 26px BigShoulders;color:var(--ice)}.wallet-row{border-top:1px solid var(--line);padding:14px 0}.wallet-row code{font:500 9px DMMono;color:var(--text)}.wallet-row div{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:8px}.wallet-row a{color:var(--cyan);text-decoration:none}
@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}
@media(max-width:1050px){main{width:min(100% - 28px,1500px)}.hero{align-items:flex-start;flex-direction:column;gap:32px}.hero-note{width:min(540px,100%)}.control-deck{grid-template-columns:repeat(3,1fr)}.control-deck .apply-button{min-height:70px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip article:nth-child(2){border-right:0}.metric-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.secondary-grid{grid-template-columns:minmax(0,1fr)}.secondary-grid .panel{min-width:0;min-height:0}}
@media(max-width:680px){.masthead{padding:0 14px}.system-state small{display:none}main{width:calc(100% - 20px)}.hero{min-height:280px;padding:48px 4px 35px}.hero h1{font-size:58px}.control-deck{grid-template-columns:1fr 1fr}.control.dates{grid-column:1/-1}.protocol-filter{align-items:flex-start;flex-direction:column}.metric-strip article{padding:16px 14px}.metric-strip b{font-size:29px}.metric-strip small{display:none}.panel-heading{align-items:flex-start;flex-direction:column;gap:18px;padding:20px}.legend{flex-wrap:wrap}.sankey-axis{padding:9px 22px}.sankey-wrap{height:540px}.sankey-label{font-size:8px}.pressure-grid{grid-template-columns:1fr}.pressure-grid>div+div{border-left:0;border-top:1px solid var(--line)}footer{grid-template-columns:1fr;gap:18px}.flow-drawer{padding:36px 22px}.flow-drawer h2{font-size:38px}}