:root{--bg: #07090d;--bg-2: #0a0e14;--panel: #0e131b;--panel-2: #121925;--panel-3: #17202e;--line: #1b2330;--line-2: #263142;--text: #e9eef6;--text-2: #b9c3d1;--muted: #7f8b9d;--dim: #556072;--stable: #2ee59d;--stable-bg: rgba(46, 229, 157, .1);--drift: #ffb020;--drift-bg: rgba(255, 176, 32, .1);--break: #ff4d5e;--break-bg: rgba(255, 77, 94, .12);--accent: #59d0ff;--violet: #a594ff;--radius: 16px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.muted{color:var(--muted)}.dim{color:var(--dim)}.grow{flex:1}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.c-stable{color:var(--stable)}.c-drift{color:var(--drift)}.c-break{color:var(--break)}.c-accent{color:var(--accent)}.app{min-height:100%;display:flex;flex-direction:column}.app-header{height:60px;flex:0 0 60px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0b1018,#080b10);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-name{font-weight:800;letter-spacing:-.02em;font-size:18px}.brand-name b{color:var(--break);font-weight:800}.brand-tag{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--accent);border:1px solid rgba(89,208,255,.35);border-radius:6px;padding:2px 6px}.header-center{display:flex;align-items:center;gap:16px;margin:0 auto}.header-right{display:flex;align-items:center;gap:8px}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:3px}.seg button{border:0;background:transparent;color:var(--muted);padding:6px 12px;border-radius:7px;font-weight:600;white-space:nowrap;font-size:12.5px;cursor:pointer;transition:all .15s}.seg button.active{background:var(--panel-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.seg button:disabled{cursor:not-allowed;opacity:.5}.stepper{display:flex;align-items:center;gap:6px}.step{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--dim);padding:5px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.step .num{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;background:var(--panel-2);border:1px solid var(--line-2);font-family:var(--mono)}.step.done{color:var(--text-2)}.step.done .num{background:#2ee59d26;border-color:#2ee59d80;color:var(--stable)}.step.active{color:var(--text);border-color:var(--line-2);background:var(--panel)}.step.active .num{background:var(--accent);color:#031018;border-color:var(--accent)}.step-sep{width:14px;height:1px;background:var(--line-2)}.badge{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:7px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.badge.demo{background:#a594ff1f;color:var(--violet);border:1px solid rgba(165,148,255,.35)}.badge.live{background:#ff4d5e1a;color:var(--break);border:1px solid rgba(255,77,94,.35)}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.live .dot{animation:pulse 1.4s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);font-weight:600;font-size:13px;padding:9px 14px;cursor:pointer;transition:transform .08s,background .15s,border-color .15s;white-space:nowrap}.btn:hover{background:var(--panel-3);border-color:#33415a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#6fdcff,#38bdf8);color:#021019;border-color:transparent}.btn.primary:hover{filter:brightness(1.06)}.btn.go{background:linear-gradient(180deg,#4ff0b0,#20c983);color:#02150d;border-color:transparent}.btn.danger{background:#ff4d5e1f;color:#ff8a96;border-color:#ff4d5e66}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--panel-2)}.btn.sm{padding:6px 10px;font-size:12px;border-radius:8px}.btn.lg{padding:13px 20px;font-size:15px;border-radius:12px}.btn.block{width:100%}.landing{flex:1;overflow:auto}.hero{max-width:1240px;margin:0 auto;padding:56px 28px 28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.hero h1{font-size:50px;line-height:1.02;letter-spacing:-.035em;margin:14px 0 18px;font-weight:850}.hero h1 .strike{color:var(--dim);text-decoration:line-through;text-decoration-thickness:3px;font-weight:700}.hero h1 .yours{color:var(--stable)}.hero p.lead{font-size:18px;color:var(--text-2);max-width:560px;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:18px;font-size:12.5px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}.hero-note span{display:inline-flex;align-items:center;gap:6px}.hero-card{background:linear-gradient(180deg,#0f1520,#0b1017);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.hero-card .hc-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hero-card .hc-caption{font-size:12.5px;color:var(--text-2);margin-top:10px}.how{max-width:1180px;margin:0 auto;padding:10px 28px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px}.how-card .n{font-family:var(--mono);color:var(--accent);font-size:12px}.how-card h3{margin:6px 0;font-size:16px;letter-spacing:-.01em}.how-card p{margin:0;color:var(--text-2);font-size:13px}.diff{max-width:1180px;margin:0 auto 40px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px}.diff-card{border-radius:var(--radius);padding:18px;border:1px solid var(--line);background:var(--panel)}.diff-card.no{opacity:.85}.diff-card .q{font-size:20px;font-weight:750;letter-spacing:-.02em;margin-top:6px}.diff-card.no .q{color:var(--muted);text-decoration:line-through}.diff-card.yes{border-color:#2ee59d59;background:linear-gradient(180deg,rgba(46,229,157,.06),var(--panel))}.diff-card.yes .q{color:var(--stable)}.lab-strip{border-color:#59d0ff4d;background:linear-gradient(180deg,rgba(89,208,255,.06),var(--panel))}.lab-strip .big{font-family:var(--mono);font-size:13px;color:var(--text)}.dashboard{flex:1;display:grid;grid-template-columns:minmax(0,3fr) minmax(360px,2fr);grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:14px;height:calc(100vh - 60px);min-height:640px}.stage-col{grid-column:1;grid-row:1;min-height:0;display:flex}.side-col{grid-column:2;grid-row:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.bottom{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel-title{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.stage{position:relative;flex:1;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 10%,#121b28,#070a0f 70%)}.stage video,.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stage video{object-fit:contain;transform:scaleX(-1);opacity:.92}.stage.flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;box-shadow:inset 0 0 0 3px var(--break),inset 0 0 80px #ff4d5e73;animation:flash 1.6s ease-out forwards}.stage.breakpoint{border-color:#ff4d5e99}.ov{position:absolute;z-index:3}.ov-tl{top:16px;left:18px}.ov-tr{top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ov-bl{bottom:14px;left:16px}.ov-br{bottom:14px;right:16px}.ov-tc{top:16px;left:50%;transform:translate(-50%)}.rep-counter{display:flex;flex-direction:column}.rep-counter .lbl{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--text-2)}.rep-counter .val{font-size:76px;line-height:.92;font-weight:850;letter-spacing:-.04em;font-family:var(--font)}.rep-counter .ctx{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:4px}.phase-pill{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 9px;border-radius:999px;background:#0a0e14b3;border:1px solid var(--line-2);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:10px;font-size:12px;font-weight:600;background:#0a0e14b8;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.qdot{width:8px;height:8px;border-radius:50%}.privacy-note{font-size:11.5px;color:var(--text-2);display:inline-flex;align-items:center;gap:6px}.demo-watermark{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--violet);text-transform:uppercase;background:#a594ff1a;border:1px solid rgba(165,148,255,.3);padding:5px 10px;border-radius:8px}.stage-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:4;text-align:center;padding:30px}.stage-center .box{max-width:460px;background:#090c12d1;border:1px solid var(--line-2);border-radius:18px;padding:22px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-center h3{margin:0 0 6px;font-size:20px}.stage-center p{margin:0 0 14px;color:var(--text-2)}.depth-gauge{width:46px;display:flex;flex-direction:column;align-items:center;gap:6px}.depth-gauge .track{position:relative;width:10px;height:150px;border-radius:6px;background:#ffffff0f;border:1px solid var(--line-2);overflow:visible}.depth-gauge .fill{position:absolute;left:0;right:0;top:0;border-radius:6px;background:linear-gradient(180deg,var(--accent),#2b8fc0);transition:height .08s linear}.depth-gauge .band{position:absolute;left:-6px;right:-6px;background:#2ee59d2e;border:1px solid rgba(46,229,157,.6);border-radius:4px}.depth-gauge .lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--muted);text-align:center}.speed-ctl{display:flex;align-items:center;gap:6px}.state-card{border-radius:var(--radius);padding:18px 18px 16px;border:1px solid var(--line);position:relative;overflow:hidden;transition:background .4s,border-color .4s}.state-card .eyebrow{color:var(--muted)}.state-card .state-label{font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1.02;margin:8px 0 4px}.state-card .state-sub{color:var(--text-2);font-size:13.5px}.state-card.stable{background:linear-gradient(135deg,#2ee59d24,#2ee59d05);border-color:#2ee59d59}.state-card.stable .state-label{color:var(--stable)}.state-card.drift{background:linear-gradient(135deg,#ffb02029,#ffb02005);border-color:#ffb02073}.state-card.drift .state-label{color:var(--drift)}.state-card.break{background:linear-gradient(135deg,#ff4d5e38,#ff4d5e0a);border-color:#ff4d5e99}.state-card.break .state-label{color:var(--break)}.state-card.break:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 100% 0%,rgba(255,77,94,.25),transparent 70%);pointer-events:none}.state-card .lights{position:absolute;top:18px;right:18px;display:flex;gap:6px}.state-card .lights i{width:10px;height:10px;border-radius:50%;background:var(--line-2);display:block}.state-card .lights i.on.g{background:var(--stable);box-shadow:0 0 12px var(--stable)}.state-card .lights i.on.y{background:var(--drift);box-shadow:0 0 12px var(--drift)}.state-card .lights i.on.r{background:var(--break);box-shadow:0 0 12px var(--break)}.metrics-row{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.metric-big{display:flex;align-items:baseline;gap:6px}.metric-big .v{font-family:var(--mono);font-size:42px;font-weight:700;letter-spacing:-.04em;line-height:1}.metric-big .u{font-family:var(--mono);color:var(--muted);font-size:13px}.metric-cap{font-size:12px;color:var(--muted);margin-top:6px}.gauge{margin-bottom:10px}.gauge .top{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-2);margin-bottom:5px}.gauge .top .mono{color:var(--text)}.gauge .bar{position:relative;height:8px;border-radius:6px;background:var(--panel-3);overflow:hidden}.gauge .bar .f{position:absolute;left:0;top:0;bottom:0;border-radius:6px;transition:width .4s}.gauge .bar .tick{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text-2);opacity:.55}.contrib-list{display:flex;flex-direction:column;gap:8px}.contrib-row{display:grid;grid-template-columns:22px 1fr 86px 70px;align-items:center;gap:10px;font-size:13px}.contrib-row .rank{font-family:var(--mono);color:var(--dim);font-size:12px}.contrib-row .name{font-weight:600}.contrib-row .name small{display:block;font-weight:400;color:var(--muted);font-size:11.5px}.contrib-row .z{font-family:var(--mono);font-weight:700;text-align:right}.zbar{position:relative;height:8px;background:var(--panel-3);border-radius:6px}.zbar .mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line-2)}.zbar .f{position:absolute;top:0;bottom:0;border-radius:6px}.frozen-tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--break);border:1px solid rgba(255,77,94,.4);padding:2px 6px;border-radius:6px}.baseline-table{width:100%;border-collapse:collapse;font-size:12.5px}.baseline-table th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 4px;border-bottom:1px solid var(--line)}.baseline-table td{padding:7px 4px;border-bottom:1px solid var(--line)}.baseline-table td.num{font-family:var(--mono);text-align:right;white-space:nowrap}.baseline-table tr:last-child td{border-bottom:0}.excluded{color:var(--dim);font-style:italic}.ring{position:relative;width:120px;height:120px;flex:0 0 auto}.ring svg{transform:rotate(-90deg)}.ring .c{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring .c b{font-size:32px;font-family:var(--mono);display:block;line-height:1}.ring .c span{font-size:11px;color:var(--muted);font-family:var(--mono)}.rep-chips{display:flex;flex-wrap:wrap;gap:6px}.rep-chip{font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:7px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text-2)}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.checklist li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text-2)}.checklist li .ic{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line-2);flex:0 0 auto;font-size:11px}.checklist li.ok .ic{background:#2ee59d26;border-color:#2ee59d73;color:var(--stable)}.chart-card{padding:10px 16px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.chart-head h2{margin:0;font-size:13px;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text)}.chart-head h2 small{color:var(--muted);letter-spacing:.04em;text-transform:none;font-family:var(--font);font-size:12px;margin-left:10px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--text-2)}.legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.legend i.box{height:9px;width:9px;border-radius:2px}.chart-wrap{position:relative;width:100%;min-width:0;overflow:hidden}.chart-caption{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--text-2);margin-top:4px;min-height:20px}.chart-caption b{color:var(--text)}.tooltip{position:absolute;pointer-events:none;z-index:10;background:#080b10f5;border:1px solid var(--line-2);border-radius:10px;padding:9px 11px;font-size:12px;min-width:170px;box-shadow:var(--shadow)}.tooltip .t{font-weight:700;margin-bottom:4px;display:flex;justify-content:space-between;gap:10px}.tooltip .r{display:flex;justify-content:space-between;gap:12px;color:var(--text-2)}.tooltip .r .mono{color:var(--text)}.timeline{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 4px}.tl-cell{flex:0 0 auto;width:44px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;border-radius:9px;padding:4px 0 3px;border:1px solid var(--line);background:var(--panel-2);position:relative;transition:border-color .15s,transform .1s}.tl-cell:hover{border-color:var(--line-2);transform:translateY(-1px)}.tl-cell.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tl-cell .tl-n{font-family:var(--mono);font-size:11px;color:var(--text-2)}.tl-cell .tl-bar-wrap{height:20px;width:14px;display:flex;align-items:flex-end}.tl-cell .tl-bar{width:100%;border-radius:3px;min-height:3px}.tl-cell .tl-d{font-family:var(--mono);font-size:9.5px;color:var(--muted)}.tl-cell.bp{border-color:#ff4d5eb3}.tl-cell .tl-mark{position:absolute;top:-9px;right:-4px;color:var(--break);font-size:10px}.tl-empty{color:var(--muted);font-size:12.5px;padding:12px 4px}.tl-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);width:50px;flex:0 0 auto;padding-top:8px}.rep-detail .feat{display:grid;grid-template-columns:1fr 70px 70px 60px;gap:8px;align-items:center;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line)}.rep-detail .feat:last-child{border-bottom:0}.rep-detail .feat .num{font-family:var(--mono);text-align:right}.rep-detail .hdr{color:var(--muted);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030508b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:grid;place-items:center;padding:24px;animation:fade .2s ease-out}.modal{width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;background:linear-gradient(180deg,#0f151f,#0b1017);border:1px solid var(--line-2);border-radius:22px;box-shadow:0 30px 80px #0009;animation:rise .25s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 12px;position:sticky;top:0;background:linear-gradient(180deg,#0f151f 80%,transparent);z-index:2}.modal-header h2{margin:0;font-size:22px;letter-spacing:-.02em}.modal-body{padding:4px 24px 24px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 24px}.tabs button{background:none;border:0;color:var(--muted);padding:10px 12px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;font-size:13px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.prose{color:var(--text-2);font-size:14px;line-height:1.6}.prose h3{color:var(--text);font-size:15px;margin:18px 0 6px}.prose ul{padding-left:18px;margin:6px 0}.prose li{margin:4px 0}.prose code,.formula{font-family:var(--mono);font-size:12.5px;background:var(--panel-2);border:1px solid var(--line);padding:1px 6px;border-radius:6px;color:var(--text)}.formula{display:block;padding:10px 12px;margin:8px 0;white-space:pre-wrap;line-height:1.6}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.does{border:1px solid rgba(46,229,157,.35);background:#2ee59d0d;border-radius:14px;padding:14px 16px}.doesnt{border:1px solid rgba(255,77,94,.35);background:#ff4d5e0d;border-radius:14px;padding:14px 16px}.does h4,.doesnt h4{margin:0 0 8px;font-size:12px;font-family:var(--mono);letter-spacing:.14em}.does h4{color:var(--stable)}.doesnt h4{color:var(--break)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.kpi .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.kpi .v{font-family:var(--mono);font-size:26px;font-weight:700;margin-top:4px;letter-spacing:-.03em}.kpi .s{font-size:11.5px;color:var(--muted)}.fig-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fig-grid figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line);cursor:zoom-in}.fig-grid img{width:100%;display:block}.fig-grid figcaption{background:var(--panel);color:var(--text-2);font-size:12px;padding:8px 10px}.disclaimer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:60;background:#0c1017f2;border:1px solid var(--line-2);border-radius:12px;padding:10px 16px;font-size:13px;box-shadow:var(--shadow);animation:rise .2s ease-out}.toast.break{border-color:#ff4d5e99;color:#ffb3bb}.name-input{background:transparent;border:1px solid transparent;color:var(--text);font:inherit;font-weight:600;border-radius:7px;padding:3px 6px;width:92px}.name-input:hover,.name-input:focus{border-color:var(--line-2);background:var(--panel-2);outline:none}.kbd{font-family:var(--mono);font-size:10.5px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--text-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes flash{0%{opacity:1}to{opacity:.25}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toast{transform:translate(-50%)}@media(max-width:1180px){.header-center .stepper{display:none}}@media(max-width:1020px){.dashboard{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;height:auto}.stage-col,.side-col,.bottom{grid-column:1;grid-row:auto}.stage-col{aspect-ratio:16 / 10}.hero{grid-template-columns:1fr;padding-top:34px}.hero h1{font-size:40px}.how,.diff{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.two-col,.fig-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-header{gap:8px;padding:0 10px}.brand-tag,.header-right .hide-sm{display:none}.rep-counter .val{font-size:54px}}.lead-strong{font-size:15px;color:var(--text);font-weight:600;margin:-10px 0 22px}.demo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-row-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:6px;margin-right:4px}.demo-chip{border:1px solid var(--line-2);background:var(--panel-2);color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;transition:all .15s;font-family:inherit}.demo-chip b{color:var(--text);font-weight:700;margin-right:4px}.demo-chip:hover{border-color:var(--accent);color:var(--text);background:#59d0ff14}.play{max-width:1240px;margin:0 auto;padding:18px 28px 26px}.play-head{text-align:center;margin-bottom:18px}.play-head h2{margin:0;font-size:30px;letter-spacing:.02em;text-transform:uppercase;font-weight:850}.play-head p{margin:6px 0 0;color:var(--text-2)}.sport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sport-grid.secondary{margin-top:12px}.sport-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 14px;text-align:left;align-items:center;background:linear-gradient(180deg,#0f1520,#0c1118);border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;color:var(--text);cursor:pointer;font-family:inherit;transition:border-color .15s,transform .12s,background .15s}.sport-card:hover{border-color:#59d0ff73;transform:translateY(-2px);background:linear-gradient(180deg,#111a26,#0d131c)}.sport-card .sport-icon{grid-row:1 / span 2}.sport-card .sport-meta{grid-column:2;display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}.sport-card.compact{padding:12px 14px;grid-template-columns:auto 1fr auto;grid-template-rows:auto}.sport-card.compact .sport-icon{grid-row:1;width:40px;height:40px;border-radius:11px}.sport-card.compact .sport-meta{grid-column:3;grid-row:1;margin-top:0}.sport-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:var(--accent);background:radial-gradient(circle at 30% 20%,#59d0ff29,#59d0ff08);border:1px solid rgba(89,208,255,.22)}.sport-icon.big{width:76px;height:76px;border-radius:20px}.sport-body{display:flex;flex-direction:column;min-width:0}.sport-name{font-size:17px;font-weight:750;letter-spacing:-.01em}.sport-desc{font-size:13px;color:var(--text-2)}.sport-subs{font-size:11.5px;color:var(--muted);margin-top:2px}.status-badge{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:6px;border:1px solid;white-space:nowrap}.status-badge.ready{color:var(--stable);border-color:#2ee59d73;background:#2ee59d14}.status-badge.beta{color:var(--drift);border-color:#ffb02073;background:#ffb02014}.status-badge.soon,.status-badge.future{color:var(--muted);border-color:var(--line-2);background:var(--panel-2)}.prim-tag{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.play-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.explore-card{text-align:left;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;cursor:pointer;font-family:inherit;color:var(--text);background:linear-gradient(135deg,#59d0ff1a,#59d0ff05);border:1px solid rgba(89,208,255,.3);transition:border-color .15s}.explore-card:hover{border-color:var(--accent)}.explore-title{font-size:17px;font-weight:750;letter-spacing:-.01em;color:var(--text)}.custom-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px;border:1px dashed rgba(165,148,255,.45);background:linear-gradient(135deg,#a594ff14,#a594ff03)}.custom-card.wide{padding:18px 20px}.custom-steps{margin:4px 0 2px;padding-left:18px;color:var(--text-2);font-size:13px;line-height:1.6}.sport-page{max-width:1240px;margin:0 auto;padding:22px 28px 40px}.sport-hero{display:flex;align-items:center;gap:18px;margin:14px 0 16px}.sport-hero h1{margin:4px 0 2px;font-size:40px;letter-spacing:-.03em;font-weight:850}.sport-hero p{margin:0}.subsport-seg{margin-bottom:16px}.subsport-seg button{padding:8px 16px;font-size:13.5px}.note-panel{margin-bottom:14px;color:var(--text-2);font-size:13.5px;border-style:dashed}.proto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.proto-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#0f1520,#0b1017)}.proto-card:not(.disabled){border-color:#59d0ff47;box-shadow:0 10px 30px #00000040}.proto-card.disabled{opacity:.72}.proto-card h3{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.proto-tagline{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.proto-card.disabled .proto-tagline{color:var(--muted)}.proto-purpose{margin:0;color:var(--text-2);font-size:13.5px;min-height:40px}.proto-camera{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;color:var(--muted)}.proto-camera svg{flex:0 0 auto;margin-top:2px}.proto-metrics-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:4px}.metric-chips{display:flex;flex-wrap:wrap;gap:5px}.metric-chip{font-size:11.5px;padding:3px 8px;border-radius:7px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text-2)}.metric-chip.muted{color:var(--muted);border-style:dashed}.proto-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}.proto-foot{font-size:11.5px;color:var(--drift);opacity:.85}.shared-note{margin-top:18px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text-2);font-size:13.5px}.link-btn{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;padding:0}.legend-glyphs{font-size:12px;color:var(--text-2);display:inline-flex;gap:6px;align-items:center;margin-right:8px}.glyph{font-family:var(--mono);font-weight:700;display:inline-block;width:16px;text-align:center}.glyph.ready{color:var(--stable)}.glyph.beta{color:var(--drift)}.glyph.soon{color:var(--dim)}.prim-map{display:flex;flex-direction:column;gap:8px}.prim-row{display:grid;grid-template-columns:190px 18px 1fr;align-items:center;gap:8px;font-size:13px}.prim-pill{font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:4px 9px;border-radius:7px;border:1px solid;text-align:center}.prim-pill.ready{color:var(--stable);border-color:#2ee59d73;background:#2ee59d12}.prim-pill.beta{color:var(--drift);border-color:#ffb02073;background:#ffb02012}.prim-pill.soon{color:var(--muted);border-color:var(--line-2)}.prim-arrow{color:var(--dim);text-align:center}.prim-sports{color:var(--text)}.lib-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lib-sport{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;font-family:inherit;font-size:12px}.lib-sport:hover{border-color:var(--line-2)}.lib-sport svg{color:var(--accent)}.lib-sport b{font-family:var(--mono);letter-spacing:.1em;font-size:11.5px}.lib-item{color:var(--text-2);font-size:12.5px;display:flex;gap:6px;align-items:baseline}.context-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap;max-width:360px;overflow:hidden}.context-chip:hover:not(:disabled){border-color:#59d0ff80}.context-chip:disabled{cursor:default;opacity:.85}.context-chip svg{color:var(--accent);flex:0 0 auto}.cc-sport{font-weight:700}.cc-sep{color:var(--dim)}.cc-proto{color:var(--text-2);overflow:hidden;text-overflow:ellipsis}.ov-bl{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.athlete-card{background:#090c12c7;border:1px solid var(--line-2);border-radius:12px;padding:9px 12px;min-width:210px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.athlete-card .ac-name{font-family:var(--mono);font-size:12px;letter-spacing:.22em;color:var(--text);margin-bottom:4px}.athlete-card .ac-row{display:flex;justify-content:space-between;gap:12px;font-size:11.5px;color:var(--muted)}.athlete-card .ac-row b{color:var(--text-2);font-weight:600}.pattern-line{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap;position:relative}.pattern-line .k,.pattern-panel .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pattern-tag{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;padding:4px 9px;border-radius:7px;color:#ffd1d6;background:#ff4d5e24;border:1px solid rgba(255,77,94,.45)}.state-card.drift .pattern-tag{color:#ffe1a6;background:#ffb02024;border-color:#ffb02073}.pattern-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.focus-cell{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line)}.focus-cell .fk{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-cell .fz{font-size:13px;font-weight:700}@media(max-width:1100px){.sport-grid,.proto-grid,.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.sport-grid,.proto-grid,.play-actions,.lib-grid{grid-template-columns:minmax(0,1fr)}.prim-row{grid-template-columns:1fr}.context-chip .cc-proto{display:none}}.how,.diff{max-width:1240px}.how{padding-top:18px}@media(max-width:1700px){.step:not(.active) .lbl{display:none}.step{padding:5px 7px}.athlete-lbl{display:none}.header-center{gap:10px}}