:root{
  --bg:#0e1114;--panel:#171b20;--panel-2:#1e242a;--panel-3:#252c33;--line:#2e363f;
  --ink:#f2f4f4;--muted:#929ba4;--muted-2:#68727c;--acid:#c7ff44;--acid-2:#9ed623;
  --cyan:#5dd7e8;--orange:#ff9b4a;--red:#ff5f68;--green:#61d095;--blue:#719dff;
  font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}.hidden{display:none!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
.topbar{position:sticky;top:0;z-index:50;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(14,17,20,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px}.brand-glyph{width:44px;height:34px;display:grid;place-items:center;color:#0e1114;background:var(--acid);border:1px solid #d9ff7f;border-radius:7px;font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;font-weight:900;letter-spacing:.05em;box-shadow:0 0 0 4px rgba(199,255,68,.06)}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:15px;letter-spacing:.03em}.brand small{margin-top:3px;color:#7c858e;font-size:8px;letter-spacing:.16em}.top-actions{display:flex;gap:8px;align-items:center}.top-btn{height:36px;display:inline-flex;align-items:center;gap:9px;padding:0 12px;color:#abb2b9;background:#171b20;border:1px solid #2a3138;border-radius:8px;font-size:10px;font-weight:700}.top-btn:hover{color:#fff;border-color:#46515c;background:#1d2328}.top-btn b{padding:3px 5px;color:#828b94;background:#0f1215;border:1px solid #293039;border-radius:5px;font-size:8px}.top-btn em{min-width:18px;height:18px;display:grid;place-items:center;color:#111;background:var(--acid);border-radius:50%;font-size:8px;font-style:normal}.icon-only{width:36px;padding:0;justify-content:center;color:var(--acid)}
.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:#14181c;border-bottom:1px solid #252b31}.intro-copy{display:flex;align-items:center;gap:11px}.signal-dot{width:9px;height:9px;flex:0 0 auto;background:var(--acid);border-radius:50%;box-shadow:0 0 0 6px rgba(199,255,68,.08),0 0 14px rgba(199,255,68,.55)}.intro-copy p{color:#aeb5bc;font-size:11px;line-height:1.6}.intro-copy b{color:#fff}.intro-meta{display:flex;gap:8px}.intro-meta span{padding:5px 7px;color:#68727c;background:#0f1215;border:1px solid #262d34;border-radius:5px;font-family:monospace;font-size:7px;letter-spacing:.12em}
.debug-workbench{min-height:760px;display:grid;grid-template-columns:255px 1fr;border-bottom:1px solid var(--line)}.case-rail{padding:22px 18px;background:#12161a;border-right:1px solid var(--line)}.rail-label{margin-bottom:18px;color:#6f7881;font-family:monospace;font-size:9px;letter-spacing:.18em}.rail-field{display:grid;gap:6px;margin-bottom:15px}.rail-field>span{color:#858e97;font-size:9px;font-weight:700}.rail-field input,.rail-field select,.rail-field textarea{width:100%;color:#e7eaec;background:#0e1114;border:1px solid #29313a;border-radius:8px;outline:none}.rail-field input,.rail-field select{height:39px;padding:0 10px;font-size:10px}.rail-field textarea{min-height:82px;padding:10px;resize:vertical;font-size:10px;line-height:1.55}.rail-field input:focus,.rail-field select:focus,.rail-field textarea:focus{border-color:rgba(199,255,68,.56);box-shadow:0 0 0 3px rgba(199,255,68,.06)}.rail-field input::placeholder,.rail-field textarea::placeholder{color:#4e5861}.unit-input{position:relative}.unit-input input{padding-right:32px}.unit-input b{position:absolute;right:10px;top:12px;color:#707a83;font-size:9px}.rail-note{margin-top:20px;padding:13px;background:#1a2117;border:1px solid #334324;border-radius:9px}.rail-note span{display:inline-flex;padding:4px 6px;color:#10140d;background:var(--acid);border-radius:5px;font-size:7px;font-weight:900}.rail-note p{margin-top:8px;color:#aeb7a8;font-size:9px;line-height:1.65}
.pipeline-zone{padding:34px 32px 42px}.zone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.zone-code{display:inline-block;color:var(--acid);font-family:monospace;font-size:8px;font-weight:800;letter-spacing:.16em}.zone-head h1{margin-top:10px;font-size:34px;line-height:1.2;letter-spacing:-.035em}.zone-head h1 em{color:var(--acid);font-style:normal}.zone-head p{max-width:720px;margin-top:10px;color:#8e979f;font-size:11px;line-height:1.75}.session-id{display:flex;flex-direction:column;align-items:flex-end;padding-top:3px}.session-id span{color:#626c75;font-family:monospace;font-size:7px;letter-spacing:.14em}.session-id b{margin-top:5px;color:#c8ced3;font-family:monospace;font-size:12px}
.pipeline{display:grid;grid-template-columns:1fr 56px 1fr 56px 1fr 56px 1fr 56px 1fr 56px 1fr;align-items:stretch;margin-top:30px}.stage{position:relative;min-width:0;padding:15px 13px;background:#171c21;border:1px solid #303840;border-radius:12px;transition:.2s ease}.stage:hover{border-color:#47535e;transform:translateY(-2px)}.stage.stage-leak{border-color:rgba(255,95,104,.75);background:linear-gradient(180deg,#251a1d,#191c21);box-shadow:0 0 0 3px rgba(255,95,104,.07),0 14px 30px rgba(255,95,104,.08)}.stage.stage-good{border-color:rgba(97,208,149,.48)}.stage-index{color:#5f6972;font-family:monospace;font-size:8px}.stage-body{margin-top:8px}.stage-body>span{display:block;min-height:30px;color:#cfd4d8;font-size:10px;font-weight:750;line-height:1.4}.stage-value{display:grid;grid-template-columns:26px 1fr 26px;gap:5px;margin-top:10px}.stage-value button{height:34px;display:grid;place-items:center;color:#7d8790;background:#101316;border:1px solid #2a3239;border-radius:7px;font-size:14px}.stage-value button:hover{color:var(--acid);border-color:#4d5a33}.stage-value input{width:100%;height:34px;color:#fff;background:#0e1114;border:1px solid #2b333b;border-radius:7px;outline:none;text-align:center;font-family:monospace;font-size:16px;font-weight:800;-moz-appearance:textfield}.stage-value input::-webkit-outer-spin-button,.stage-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stage-body small{display:block;margin-top:8px;color:#69737c;font-size:7px;line-height:1.4}.stage-offer{background:linear-gradient(180deg,#192117,#171c21);border-color:#37452b}.connector{position:relative;display:flex;align-items:center;justify-content:center}.connector i{width:100%;height:1px;background:repeating-linear-gradient(90deg,#3a424a 0 5px,transparent 5px 10px)}.connector::after{content:"›";position:absolute;right:4px;color:#58626b}.connector span{position:absolute;top:17px;padding:3px 5px;color:#8f98a0;background:#0e1114;border:1px solid #283038;border-radius:4px;font-family:monospace;font-size:7px;white-space:nowrap}.connector.rate-low span{color:#ff8e95;border-color:#68383d}.connector.rate-mid span{color:#f1b66f;border-color:#5c452c}.connector.rate-good span{color:#89d9aa;border-color:#31523e}
.context-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:18px}.context-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px;background:#14191d;border:1px solid #2a3239;border-radius:10px}.context-card>span{color:#a9b0b6;font-size:9px;font-weight:700}.context-card>b{color:var(--acid);font-family:monospace;font-size:11px}.context-card input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--acid)}.context-card select{grid-column:1/-1;height:34px;padding:0 9px;color:#d8dcdf;background:#0e1114;border:1px solid #2a3239;border-radius:7px;outline:none;font-size:9px}.context-card small{grid-column:1/-1;color:#68727b;font-size:7px}.debug-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:15px 17px;background:#0f1316;border:1px solid #293139;border-radius:12px}.action-copy{display:flex;align-items:center;gap:10px}.pulse{width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 0 rgba(93,215,232,.55);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(93,215,232,0)}100%{box-shadow:0 0 0 0 rgba(93,215,232,0)}}.action-copy p{color:#8e979f;font-size:9px;line-height:1.6}.action-copy b{color:#dce1e4}.run-btn{min-width:185px;height:52px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:0 14px;color:#0c1008;background:var(--acid);border:0;border-radius:9px;box-shadow:0 0 0 4px rgba(199,255,68,.06),0 10px 28px rgba(199,255,68,.12);text-align:left}.run-icon{grid-row:1/3;width:29px;height:29px;display:grid;place-items:center;color:var(--acid);background:#151b0e;border-radius:7px;font-size:10px}.run-btn>span:nth-child(2){align-self:end;font-family:monospace;font-size:10px;font-weight:900}.run-btn small{align-self:start;margin-top:2px;font-size:7px;font-weight:700;opacity:.7}.run-btn.loading{opacity:.68;pointer-events:none}.run-btn.loading .run-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.results{padding:48px 32px 70px;background:#111519;border-top:1px solid #252d34;scroll-margin-top:72px}.results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1400px;margin:0 auto 19px}.results-head h2{margin-top:8px;font-size:27px;letter-spacing:-.03em}.results-head p{margin-top:7px;color:#7f8992;font-size:9px}.result-actions{display:flex;gap:8px}.outline-btn,.acid-btn{height:39px;padding:0 13px;border-radius:8px;font-size:9px;font-weight:800}.outline-btn{color:#c2c8cd;background:#171c21;border:1px solid #343d45}.outline-btn:hover{border-color:#56626d}.acid-btn{color:#0e1209;background:var(--acid);border:1px solid #d9ff82}.result-grid{max-width:1400px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin:0 auto}.leak-panel,.diagnosis-panel,.experiment-board,.ab-lab{background:#171c21;border:1px solid #2d353d;border-radius:14px}.leak-panel,.diagnosis-panel{padding:20px}.panel-title{display:flex;align-items:center;gap:10px}.panel-title>span{width:30px;height:30px;display:grid;place-items:center;color:#0f140a;background:var(--acid);border-radius:7px;font-family:monospace;font-size:8px;font-weight:900}.panel-title h3{font-size:12px}.panel-title p{margin-top:4px;color:#707a83;font-size:8px}.funnel-visual{display:grid;gap:8px;margin-top:18px}.funnel-row{display:grid;grid-template-columns:105px 1fr 70px;align-items:center;gap:10px}.funnel-row>span{color:#aeb5bb;font-size:8px}.funnel-track{height:29px;overflow:hidden;background:#101316;border:1px solid #293139;border-radius:7px}.funnel-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;min-width:28px;padding-right:8px;color:#111;background:linear-gradient(90deg,#6ba8ff,#5dd7e8);border-radius:6px;font-family:monospace;font-size:8px;font-weight:900}.funnel-row.leak .funnel-fill{background:linear-gradient(90deg,#ff5f68,#ff9b4a)}.funnel-row.good .funnel-fill{background:linear-gradient(90deg,#48bc82,#87e1ae)}.funnel-row>b{color:#d7dce0;font-family:monospace;font-size:9px;text-align:right}.sample-warning{margin-top:15px;padding:11px 12px;color:#b9a16f;background:#211d14;border:1px solid #463a22;border-radius:9px;font-size:8px;line-height:1.6}.sample-warning.good{color:#92c7aa;background:#16231c;border-color:#284434}.status-label{display:inline-flex;padding:5px 7px;color:#ff858d;background:#311b1f;border:1px solid #613039;border-radius:6px;font-family:monospace;font-size:7px;font-weight:900;letter-spacing:.1em}.diagnosis-panel h3{margin-top:15px;font-size:21px;line-height:1.35}.diagnosis-panel>p{margin-top:9px;color:#8e979f;font-size:9px;line-height:1.75}.evidence-list{display:grid;gap:8px;margin-top:16px}.evidence-item{display:grid;grid-template-columns:31px 1fr;gap:9px;padding:10px;background:#12161a;border:1px solid #293039;border-radius:9px}.evidence-item>span{width:29px;height:29px;display:grid;place-items:center;color:#111;background:#6f7d88;border-radius:7px;font-family:monospace;font-size:7px;font-weight:900}.evidence-item.alert>span{background:var(--red)}.evidence-item.ok>span{background:var(--green)}.evidence-item b{font-size:9px}.evidence-item p{margin-top:4px;color:#747e87;font-size:8px;line-height:1.55}.do-not-touch{margin-top:16px;padding:12px;background:#14191d;border:1px dashed #3a434b;border-radius:9px}.do-not-touch span{display:inline-flex;padding:4px 6px;color:#111;background:#b8c0c7;border-radius:5px;font-size:7px;font-weight:900}.do-not-touch p{margin-top:7px;color:#969fa6;font-size:8px;line-height:1.55}
.experiment-board{max-width:1400px;margin:14px auto 0;padding:21px}.board-head,.ab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.board-head h3,.ab-head h3{margin-top:7px;font-size:19px}.board-head p,.ab-head p{margin-top:6px;color:#78828a;font-size:8px}.experiment-tag{padding:6px 8px;color:#111;background:var(--acid);border-radius:6px;font-family:monospace;font-size:7px;font-weight:900}.experiment-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:11px;margin-top:17px}.hypothesis-card,.metric-card,.stop-card{min-height:145px;padding:16px;background:#12161a;border:1px solid #293139;border-radius:11px}.hypothesis-card>span,.metric-card>span,.stop-card>span{color:#626d76;font-family:monospace;font-size:7px;letter-spacing:.12em}.hypothesis-card h4,.stop-card h4{margin-top:13px;font-size:13px;line-height:1.5}.hypothesis-card p,.metric-card p,.stop-card p{margin-top:8px;color:#78828a;font-size:8px;line-height:1.6}.metric-big{margin-top:12px;color:var(--acid);font-family:monospace;font-size:25px;font-weight:900}.sprint-row{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:13px}.sprint-day{min-height:94px;padding:10px;background:#14191d;border:1px solid #293139;border-radius:9px}.sprint-day>span{color:#606a72;font-family:monospace;font-size:7px}.sprint-day h5{margin:8px 0 0;color:#cfd4d7;font-size:9px}.sprint-day p{margin-top:5px;color:#707a83;font-size:7px;line-height:1.45}.sprint-day.active{border-color:#536631;background:#192015}.sprint-day.active>span{color:var(--acid)}
.ab-lab{max-width:1400px;margin:14px auto 0;padding:21px}.ab-grid{display:grid;grid-template-columns:1fr 68px 1fr;align-items:center;gap:12px;margin-top:17px}.variant-card{padding:16px;background:#12161a;border:1px solid #293139;border-radius:11px}.variant-card.active{border-color:#4d6330;box-shadow:0 0 0 3px rgba(199,255,68,.05)}.variant-card header{display:flex;align-items:center;justify-content:space-between}.variant-card header span{color:var(--acid);font-family:monospace;font-size:8px;font-weight:900}.variant-card header b{color:#7c858d;font-size:8px}.variant-card>input{width:100%;height:37px;margin-top:12px;padding:0 10px;color:#dce0e3;background:#0e1114;border:1px solid #293139;border-radius:7px;outline:none;font-size:9px}.variant-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.variant-card label{display:grid;gap:5px;color:#6f7982;font-size:7px}.variant-card label input{height:33px;padding:0 8px;color:#fff;background:#0e1114;border:1px solid #293139;border-radius:7px;outline:none;font-family:monospace;font-size:10px}.variant-card>p{margin-top:11px;color:#bfc5c9;font-size:9px}.versus{display:flex;align-items:center;gap:7px;color:#626c74;font-family:monospace;font-size:8px}.versus i{flex:1;height:1px;background:#343c44}.ab-advice{margin-top:12px;padding:10px 12px;color:#8d969d;background:#101316;border:1px dashed #333c44;border-radius:8px;font-size:8px;line-height:1.6}
.footer{display:flex;align-items:center;gap:15px;padding:27px 24px;color:#737c84;background:#0c0f12;border-top:1px solid #242b31}.footer>div{display:flex;align-items:center;gap:8px;color:#fff}.brand-glyph.small{width:33px;height:27px;font-size:8px}.footer strong{font-size:11px}.footer p{font-size:8px}.footer small{margin-left:auto;font-size:7px}.toast{position:fixed;z-index:100;left:50%;bottom:27px;max-width:calc(100% - 32px);padding:11px 14px;color:#111;background:var(--acid);border:1px solid #dcff83;border-radius:8px;box-shadow:0 14px 38px rgba(0,0,0,.3);transform:translateX(-50%);font-size:9px;font-weight:850}.overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,6,8,.72);backdrop-filter:blur(6px)}.modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;background:#171c21;border:1px solid #303942;border-radius:14px;box-shadow:0 35px 100px rgba(0,0,0,.45)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.modal h2{margin-top:6px;font-size:20px}.close-btn{width:33px;height:33px;display:grid;place-items:center;color:#9aa2a9;background:#101316;border:1px solid #2e363e;border-radius:8px}.guide-list{display:grid;gap:9px;margin-top:18px}.guide-item{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px;background:#12161a;border:1px solid #293139;border-radius:9px}.guide-item>span{width:32px;height:32px;display:grid;place-items:center;color:#111;background:var(--acid);border-radius:7px;font-family:monospace;font-size:8px;font-weight:900}.guide-item h3{font-size:10px}.guide-item p{margin-top:5px;color:#78828a;font-size:8px;line-height:1.6}.history-list{display:grid;gap:8px;margin-top:16px}.history-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:11px;background:#12161a;border:1px solid #293139;border-radius:9px}.history-row>span{width:43px;height:43px;display:grid;place-items:center;color:#111;background:var(--acid);border-radius:8px;font-family:monospace;font-size:9px;font-weight:900}.history-row h4{font-size:9px}.history-row p{margin-top:4px;color:#717b84;font-size:7px}.history-row button{padding:6px 8px;color:#111;background:var(--acid);border:0;border-radius:6px;font-size:7px;font-weight:900}.empty-history{padding:45px 20px;color:#737c84;text-align:center;font-size:9px}
@media(max-width:1200px){.pipeline{grid-template-columns:1fr 42px 1fr 42px 1fr;row-gap:12px}.connector:nth-of-type(n+6){display:none}.stage:nth-of-type(n+4){grid-column:span 1}.stage:nth-of-type(4){grid-column:1}.stage:nth-of-type(5){grid-column:3}.stage:nth-of-type(6){grid-column:5}.context-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.experiment-grid{grid-template-columns:1fr 1fr}.stop-card{grid-column:1/-1}.sprint-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.debug-workbench{grid-template-columns:1fr}.case-rail{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.rail-label,.rail-note{grid-column:1/-1}.rail-field{margin:0}.pipeline-zone{padding:28px 18px}.zone-head{flex-direction:column}.pipeline{grid-template-columns:1fr;gap:8px}.connector{height:25px}.connector i{width:1px;height:100%;background:repeating-linear-gradient(180deg,#3a424a 0 5px,transparent 5px 10px)}.connector::after{content:'⌄';right:auto;bottom:-3px}.connector span{top:7px;left:calc(50% + 8px)}.intro-meta{display:none}.results{padding-left:18px;padding-right:18px}.experiment-grid{grid-template-columns:1fr}.stop-card{grid-column:auto}.sprint-row{grid-template-columns:repeat(2,1fr)}.ab-grid{grid-template-columns:1fr}.versus{justify-content:center}.versus i{display:none}.footer{align-items:flex-start;flex-direction:column}.footer small{margin-left:0}}
@media(max-width:600px){.topbar{padding:0 12px}.brand small,.top-btn span,.top-btn b{display:none}.top-btn{width:35px;padding:0;justify-content:center}.icon-only{display:inline-flex}.intro-strip{padding:13px 14px}.intro-copy p{font-size:9px}.case-rail{grid-template-columns:1fr;padding:17px 14px}.pipeline-zone{padding:24px 13px 32px}.zone-head h1{font-size:28px}.stage{padding:13px}.context-grid{grid-template-columns:1fr}.debug-action{align-items:stretch;flex-direction:column}.run-btn{width:100%}.results-head,.board-head,.ab-head{align-items:flex-start;flex-direction:column}.result-actions{width:100%}.result-actions button{flex:1}.funnel-row{grid-template-columns:82px 1fr 55px}.experiment-board,.ab-lab,.leak-panel,.diagnosis-panel{padding:15px}.sprint-row{grid-template-columns:1fr}.footer{padding:24px 14px}}