@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Archivo+Expanded:wght@600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--bg:#0d1014;--bg-grid:#161b22;--panel:#14181f;--panel-2:#181d25;--panel-hi:#1d232c;--line:#262d38;--line-soft:#1e242d;--ink:#e8ecf2;--ink-2:#aab4c2;--ink-3:#6b7585;--ink-4:#495160;--on:#46e0a0;--on-dim:#1f4d3c;--on-bg:#46e0a014;--warn:#f2b23e;--warn-dim:#5a4517;--warn-bg:#f2b23e14;--off:#e0556b;--off-dim:#5a2530;--off-bg:#e0556b14;--accent:#5b9dff;--accent-bg:#5b9dff1a;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Archivo", ui-sans-serif, system-ui, sans-serif;--display:"Archivo Expanded", "Archivo", sans-serif;--r:4px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px), linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px);color:var(--ink);font-family:var(--sans);letter-spacing:.01em;background-position:-1px -1px;background-size:140px 140px,140px 140px,28px 28px,28px 28px;min-height:100vh;font-size:14px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 60% at 50% -10%,#5b9dff0f,#0000 60%),radial-gradient(100% 50% at 100% 0,#46e0a008,#0000 55%);position:fixed;inset:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}code,.mono{font-family:var(--mono)}.shell{z-index:1;max-width:1320px;margin:0 auto;padding:0 20px 64px;position:relative}.masthead{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px 0 22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand__mark{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden}.brand__mark:after{content:"";background:linear-gradient(90deg, var(--on) 2px, transparent 2px) 0 100% / 6px 60% repeat-x, linear-gradient(90deg, var(--accent) 2px, transparent 2px) 3px 100% / 12px 100% repeat-x;opacity:.9;height:14px;position:absolute;bottom:8px;left:6px;right:6px;-webkit-mask:linear-gradient(90deg,#000,#000);mask:linear-gradient(90deg,#000,#000)}.brand__pulse{z-index:2;font-family:var(--mono);color:var(--on);font-size:17px;font-weight:600;position:relative}.brand__name{font-family:var(--display);letter-spacing:.04em;font-size:19px;font-weight:700;line-height:1}.brand__sub{font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em;margin-top:4px;font-size:11px}.masthead__meta{align-items:flex-end;gap:28px;display:flex}.metric{text-align:right}.metric__label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.metric__value{font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:600;line-height:1.1}.metric__value.on{color:var(--on)}.intro{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0 22px;display:flex}.intro__lead{color:var(--ink-2);max-width:760px;font-size:14.5px;line-height:1.55}.intro__lead b{color:var(--ink);font-weight:600}.lane-toggle{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:5px;display:flex}.lane-toggle__opt{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-3);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:12px;transition:color .16s,background .16s}.lane-toggle__opt.is-active{background:var(--accent-bg);color:var(--accent);box-shadow:inset 0 0 0 1px #5b9dff59}.grid{grid-template-columns:320px 1fr 360px;align-items:start;gap:16px;margin-top:22px;display:grid}@media (max-width:1180px){.grid{grid-template-columns:1fr 1fr}.col--inspect{grid-column:1/-1}}@media (max-width:720px){.grid{grid-template-columns:1fr}.col--shop,.col--inspect,.col--consent{grid-column:auto}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);position:relative}.panel__head{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:12px 14px;display:flex}.panel__dot{background:var(--ink-4);border-radius:50%;flex-shrink:0;width:7px;height:7px}.panel__dot.live{background:var(--on);animation:2.4s infinite pulse;box-shadow:0 0 #46e0a080}@keyframes pulse{0%{box-shadow:0 0 #46e0a080}70%{box-shadow:0 0 0 6px #46e0a000}to{box-shadow:0 0 #46e0a000}}.panel__title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:500}.panel__tag{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:3px;margin-left:auto;padding:2px 6px;font-size:10px}.panel__body{padding:14px}.shop__stage{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.shop__stage b{color:var(--accent);font-weight:600}.product{border:1px solid var(--line-soft);border-radius:var(--r);background:var(--panel-2);margin-bottom:10px;padding:12px;transition:border-color .16s,background .16s}.product.is-focus{background:var(--panel-hi);border-color:#5b9dff80}.product__top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.product__name{font-size:14px;font-weight:600;line-height:1.3}.product__price{font-family:var(--mono);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.product__meta{font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em;margin-top:4px;font-size:10.5px}.product__actions{gap:6px;margin-top:11px;display:flex}.btn{font-family:var(--mono);letter-spacing:.02em;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);white-space:nowrap;border-radius:3px;flex:1;padding:7px 10px;font-size:11px;transition:all .14s}.btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn:active{transform:translateY(1px)}.btn--primary{border-color:var(--on-dim);color:var(--on);background:var(--on-bg)}.btn--primary:hover{border-color:var(--on);color:var(--on);background:#46e0a024}.btn--ghost{flex:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{border-color:var(--line);color:var(--ink-2);background:var(--panel)}.cart{border-top:1px dashed var(--line);margin-top:6px;padding-top:12px}.cart__row{font-family:var(--mono);color:var(--ink-2);justify-content:space-between;padding:3px 0;font-size:11.5px;display:flex}.cart__row.total{color:var(--ink);border-top:1px solid var(--line-soft);margin-top:6px;padding-top:8px;font-size:13px;font-weight:600}.cart__empty{font-family:var(--mono);color:var(--ink-4);text-align:center;padding:8px 0;font-size:11px}.cart__actions{gap:6px;margin-top:12px;display:flex}.col--inspect .panel{position:sticky;top:16px}.inspect__tabs{border-bottom:1px solid var(--line-soft);gap:0;display:flex}.inspect__tab{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:11px;transition:color .14s,border-color .14s}.inspect__tab.is-active{color:var(--ink);border-bottom-color:var(--accent)}.inspect__tab .ct{color:var(--ink-4);margin-left:5px}.code-wrap{border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r);background:#0a0d11;max-height:560px;position:relative;overflow:auto}.code-meta{border-bottom:1px solid var(--line-soft);font-family:var(--mono);color:var(--ink-3);z-index:2;background:#0a0d11;align-items:center;gap:8px;padding:9px 14px;font-size:10.5px;display:flex;position:sticky;top:0}.code-meta__push{color:var(--on)}.code-meta__time{color:var(--ink-4);font-variant-numeric:tabular-nums;margin-left:auto}pre.code{font-family:var(--mono);color:var(--ink-2);white-space:pre;tab-size:2;padding:14px;font-size:12px;line-height:1.65}.tok-key{color:var(--accent)}.tok-str{color:var(--on)}.tok-num{color:var(--warn)}.tok-bool{color:#c98bff}.tok-punc{color:var(--ink-4)}.tok-comment{color:var(--ink-4);font-style:italic}.code-empty{text-align:center;font-family:var(--mono);color:var(--ink-4);padding:40px 20px;font-size:12px;line-height:1.7}.code-empty kbd{border:1px solid var(--line);color:var(--accent);font-family:var(--mono);border-radius:3px;padding:1px 6px;font-size:11px;display:inline-block}.server-note{border-top:1px solid var(--line-soft);background:#5b9dff0a;flex-wrap:wrap;gap:8px;padding:10px 14px;display:flex}.server-chip{font-family:var(--mono);letter-spacing:.02em;color:var(--accent);border:1px solid #5b9dff4d;border-radius:3px;padding:3px 7px;font-size:10px}.consent__region{font-family:var(--mono);color:var(--ink-2);background:var(--warn-bg);border:1px solid var(--warn-dim);border-radius:var(--r);align-items:center;gap:8px;margin-bottom:14px;padding:9px 11px;font-size:11px;display:flex}.consent__region b{color:var(--warn)}.cmp{border:1px solid var(--line);border-radius:var(--r);background:var(--panel-2);overflow:hidden}.cmp__head{border-bottom:1px solid var(--line-soft);background:var(--panel-hi);align-items:center;gap:9px;padding:11px 12px;display:flex}.cmp__logo{width:18px;height:18px;font-family:var(--mono);color:#fff;background:linear-gradient(135deg,#2d6bd4,#5b9dff);border-radius:3px;place-items:center;font-size:10px;font-weight:700;display:grid}.cmp__brand{font-size:12.5px;font-weight:600}.cmp__brand span{color:var(--ink-3);font-weight:400;font-family:var(--mono);font-size:10px}.cmp__body{padding:12px}.cmp__intro{color:var(--ink-3);margin-bottom:12px;font-size:12px;line-height:1.5}.cat{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.cat__info{flex-direction:column;gap:1px;display:flex}.cat__label{font-size:13px;font-weight:600}.cat__hint{font-family:var(--mono);color:var(--ink-3);font-size:10px}.cat--locked .cat__label{color:var(--ink-3)}.switch{background:var(--panel-hi);border:1px solid var(--line);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .18s,border-color .18s;position:relative}.switch:after{content:"";background:var(--ink-3);border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.switch.is-on{background:var(--on-bg);border-color:var(--on-dim)}.switch.is-on:after{background:var(--on);transform:translate(16px)}.switch.is-locked{opacity:.55;cursor:not-allowed}.switch.is-locked:after{background:var(--ink-3)}.cmp__actions{gap:7px;margin-top:14px;display:flex}.cmp__btn{font-family:var(--mono);letter-spacing:.02em;border:1px solid var(--line);color:var(--ink-2);background:var(--panel);border-radius:3px;flex:1;padding:9px;font-size:11px;transition:all .14s}.cmp__btn:hover{border-color:var(--ink-3);color:var(--ink)}.cmp__btn--accept{border-color:var(--on-dim);background:var(--on-bg);color:var(--on)}.cmp__btn--accept:hover{border-color:var(--on);background:#46e0a026}.signals{margin-top:16px}.signals__title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:7px;margin-bottom:9px;font-size:10px;display:flex}.signal{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:6px 9px;font-size:11.5px;display:flex}.signal__name{color:var(--ink-2)}.signal__state{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:600;display:flex}.signal__state.granted{color:var(--on)}.signal__state.denied{color:var(--warn)}.signal__led{border-radius:50%;width:6px;height:6px}.signal__state.granted .signal__led{background:var(--on);box-shadow:0 0 6px var(--on)}.signal__state.denied .signal__led{background:var(--warn)}.tags{margin-top:16px}.tagrow{border:1px solid var(--line-soft);background:var(--panel-2);border-radius:3px;align-items:center;gap:10px;margin-bottom:6px;padding:9px 10px;transition:border-color .2s,background .2s;display:flex}.tagrow.fired{border-color:var(--on-dim);background:var(--on-bg)}.tagrow.modeled{border-color:var(--warn-dim);background:var(--warn-bg)}.tagrow__status{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;border-radius:3px;flex-shrink:0;width:64px;padding:3px 6px;font-size:9px;font-weight:600}.tagrow.fired .tagrow__status{color:var(--on);background:#46e0a01f}.tagrow.modeled .tagrow__status{color:var(--warn);background:#f2b23e1f}.tagrow.blocked .tagrow__status{color:var(--off);background:#e0556b1f}.tagrow__info{flex:1;min-width:0}.tagrow__label{font-size:12.5px;font-weight:600;line-height:1.2}.tagrow__miss{font-family:var(--mono);color:var(--ink-3);margin-top:2px;font-size:10px}.tagrow__miss b{color:var(--warn);font-weight:500}.dash{margin-top:16px}.dash__head{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:12px 14px;display:flex}.dash__sub{font-family:var(--mono);color:var(--ink-3);margin-left:auto;font-size:10.5px}.dash__sub b{color:var(--accent)}.dash__grid{background:var(--line-soft);grid-template-columns:repeat(4,1fr) 1.5fr;gap:1px;display:grid}@media (max-width:980px){.dash__grid{grid-template-columns:repeat(2,1fr)}.dash__funnel{grid-column:1/-1}}.tile{background:var(--panel);padding:16px 16px 18px}.tile__label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.tile__value{font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:8px;font-size:27px;font-weight:600;line-height:1;transition:color .3s}.tile__value.accent{color:var(--accent)}.tile__value.on{color:var(--on)}.tile__delta{font-family:var(--mono);color:var(--ink-3);margin-top:7px;font-size:10.5px}.dash__funnel{background:var(--panel);flex-direction:column;justify-content:center;gap:9px;padding:16px;display:flex}.funnel__row{grid-template-columns:110px 1fr 34px;align-items:center;gap:10px;display:grid}.funnel__name{font-family:var(--mono);color:var(--ink-2);font-size:11px}.funnel__track{background:var(--panel-hi);border:1px solid var(--line-soft);border-radius:2px;height:16px;overflow:hidden}.funnel__bar{background:linear-gradient(90deg, var(--accent), #7fb4ff);border-radius:1px;min-width:2px;height:100%;transition:width .45s cubic-bezier(.16,1,.3,1)}.funnel__bar.purchase{background:linear-gradient(90deg, var(--on-dim), var(--on))}.funnel__count{font-family:var(--mono);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.toast-stack{z-index:50;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--panel-hi);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--r);color:var(--ink);opacity:0;align-items:center;gap:10px;max-width:340px;padding:10px 14px;font-size:12.5px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;transform:translate(120%);box-shadow:0 12px 40px #00000080}.toast.is-in{opacity:1;transform:translate(0)}.toast.is-out{opacity:0;transform:translate(120%)}.toast--on{border-left-color:var(--on)}.toast--warn{border-left-color:var(--warn)}.toast__mono{font-family:var(--mono);color:var(--ink-3);font-size:11px}.footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:22px;display:flex}.footer__note{font-family:var(--mono);color:var(--ink-3);max-width:640px;font-size:11px;line-height:1.6}.footer__note b{color:var(--ink-2);font-weight:500}.footer__sig{font-family:var(--mono);color:var(--ink-4);text-align:right;font-size:11px}.footer__sig b{color:var(--ink-2)}.kbd-hint{font-family:var(--mono);color:var(--ink-4);letter-spacing:.04em;font-size:10px}
