:root{color-scheme:dark;--bg:#081018;--card:#101b27;--edge:#253541;--green:#c3f87a;--muted:#98a8b4;--text:#e7f1f2}
*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:radial-gradient(circle at 75% 4%,#1f3940 0,transparent 28%),radial-gradient(circle at 5% 50%,#12252d 0,transparent 35%),#081018;min-height:100vh;letter-spacing:-.015em}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
[hidden]{display:none!important}.topbar{height:79px;border-bottom:1px solid #283640;display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:100%;padding:0 max(24px,calc((100vw - 1220px)/2))}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.08em;font-size:17px}.brand-symbol{border:1.7px solid var(--green);color:var(--green);font-weight:900;font-size:19px;width:41px;height:41px;display:grid;place-items:center;transform:skew(-10deg);border-radius:8px}.brand small{display:block;font-size:8px;color:#8292a0;letter-spacing:.18em;font-weight:600;margin-top:5px}.top-right{display:flex;align-items:center;gap:22px;font-size:11px;color:#a4b5c0}.top-right a{border:1px solid #30414c;padding:10px 13px;border-radius:8px}.overline{font-size:10px;letter-spacing:.14em;color:#7facaa;font-weight:700;margin:0 0 9px;text-transform:uppercase}main{width:min(1220px,calc(100% - 44px));margin:0 auto;padding:36px 0 70px}h1,h2,p{margin-top:0}h1{font-size:clamp(31px,4vw,46px);font-weight:800;line-height:1.12;letter-spacing:-.055em;margin-bottom:11px}h2{font-size:20px;letter-spacing:-.035em;margin-bottom:0}p{line-height:1.6}.green{color:var(--green)}
.gate-card{max-width:550px;margin:8vh auto 10vh;padding:clamp(24px,5vw,45px);border:1px solid #3c5960;border-radius:20px;background:linear-gradient(145deg,#142b2d,#101b26 78%);box-shadow:0 28px 90px #0005}.gate-card h1{font-size:42px}.gate-card>p:not(.overline){color:#aabbc5;font-size:14px;margin-bottom:28px}.lock-symbol{font-size:45px;color:var(--green);margin-bottom:18px}.gate-card form label{font-size:11px;letter-spacing:.16em;color:#afc5cb;font-weight:750;display:block;margin-bottom:11px}.pin-row{display:flex;gap:9px}.pin-row input{min-width:0;width:30%;background:#07151d;color:var(--green);font:700 23px ui-monospace,monospace;letter-spacing:.22em;text-align:center;border:1px solid #45626b;border-radius:10px;padding:13px}.pin-row button{flex:1;border:0;border-radius:10px;background:var(--green);color:#14231c;font-weight:800;padding:12px}.pin-row button:disabled{opacity:.65}.hint,.fineprint{font-size:12px;color:#a0b2bc;line-height:1.7}.gate-card .hint{margin:12px 0 0}.error{color:#ffb7b7;font-size:13px;margin:8px 0 0;min-height:20px}
.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:16px 0 27px}.heading>div:first-child>p:last-child{font-size:14px;color:var(--muted);margin:0}.connection{display:flex;align-items:center;gap:10px;font-size:12px;color:#bbd6c2;border:1px solid #2c4e49;padding:9px;border-radius:11px;background:#152924}.connection button{border:1px solid #3a5956;border-radius:8px;background:#223b38;color:#d2e8dd;padding:8px 11px;margin-left:10px}.led{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 4px #b8f87c21,0 0 15px #c3f87a55}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.metric,.panel{border:1px solid var(--edge);border-radius:14px;background:linear-gradient(160deg,#132331,#101924);box-shadow:0 15px 40px #0002}.metric{padding:21px 18px;min-width:0}.metric>small{color:#9aadb8;font-size:10px;letter-spacing:.1em;font-weight:700}.metric>strong{font-size:clamp(22px,3vw,32px);line-height:1.2;display:block;margin:24px 0 16px;font-variant-numeric:tabular-nums;letter-spacing:-.055em;overflow-wrap:anywhere}.metric em{font-style:normal;font-size:12px;color:#aab9c3;margin-left:7px;letter-spacing:0}.metric-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:7px}.metric-footer>small{color:#758994;font-size:10px}.pill,.status-chip{display:inline-block;border:1px solid #3b625b;background:#1a3c35;color:#bff2cd;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status-chip.paused,.pill.paused{background:#3a3524;color:#f3d79b;border-color:#6d5d37}.status-chip.completed,.pill.completed{background:#1b3b33;color:#b8f7cb}.status-chip.error,.pill.error{background:#402c31;color:#f5b2bd;border-color:#7a4c58}.panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:20px}.panel .hint{min-height:57px}.details{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 20px}.details>div{background:#0b1822;border:1px solid #273742;padding:12px;border-radius:9px;min-width:0}.details dt{font-size:10px;color:#8499a4;letter-spacing:.08em}.details dd{margin:8px 0 0;font:600 12px ui-monospace,monospace;color:#d8eaeb;overflow-wrap:anywhere}.chart-label{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.09em;color:#90a4ad;margin:22px 0 7px}#wallet-graph{width:100%;height:140px;background:linear-gradient(180deg,#091824,#0c1b25);border-radius:10px;border:1px solid #23343e}#wallet-graph polyline{filter:drop-shadow(0 0 3px #b8f87a88)}.info-note{font-size:12px;color:#b3c9bd;background:#142c2a;padding:13px;border:1px solid #294c43;border-radius:9px;margin:12px 0 15px}.panel-link{display:inline-block;padding:12px 15px;border-radius:8px;background:#213d37;color:#c3f87a;font-size:12px;font-weight:700;border:1px solid #4b7159}.progress-title{display:flex;justify-content:space-between;font-size:11px;color:#a3b7b9;margin:20px 0 9px}.progress-title strong{color:var(--green)}.progress-track{height:9px;border-radius:7px;background:#09161d;overflow:hidden;border:1px solid #344c49}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#5db58e,var(--green));transition:width .4s}.experiments{margin:23px 0}.experiment{display:grid;grid-template-columns:28px 1fr auto;align-items:start;gap:12px;border-top:1px solid #2a3b44;padding:15px 0}.experiment>span{font:700 11px ui-monospace,monospace;color:var(--green)}.experiment strong{font-size:12px}.experiment p{font-size:11px;color:#afc2c8;margin:7px 0 0}.experiment b{font:600 10px ui-monospace,monospace;color:#9faeb9}.conclusion{border-radius:9px;border:1px solid #3e5b4b;padding:15px;background:#18312c;color:#cde2cf;font-size:12px;line-height:1.7}.resource-panel{margin-top:15px}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.resource-grid>div{background:#0a1a24;border:1px solid #263b44;border-radius:9px;padding:14px}.resource-grid small{font-size:10px;color:#849ba5;display:block}.resource-grid strong{font-size:18px;display:block;margin-top:10px}.poll-label{font-size:10px;color:#a8c9c4;display:flex;gap:10px;align-items:center}.fineprint{margin:18px 0 0;border-top:1px solid #2a3943;padding-top:14px}footer{display:flex;justify-content:space-between;gap:15px;color:#6f8995;border-top:1px solid #233640;padding:22px max(24px,calc((100vw - 1220px)/2));font-size:10px;letter-spacing:.12em}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panels{grid-template-columns:1fr}.panel .hint{min-height:unset}}
@media(max-width:600px){main{width:calc(100% - 26px);padding:20px 0 50px}.topbar{height:65px;padding:0 15px}.top-right .overline{display:none}.metric-grid{gap:8px}.metric{padding:14px 12px}.metric>small{font-size:9px}.metric>strong{font-size:clamp(22px,6.5vw,29px);margin:17px 0}.panel{padding:16px}.heading{align-items:start;gap:12px;flex-direction:column}.connection{align-self:stretch;justify-content:space-between}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gate-card{margin:6vh auto 10vh;padding:23px 18px}.gate-card h1{font-size:34px}.pin-row{flex-wrap:wrap}.pin-row input{width:100%;min-height:53px}.pin-row button{width:100%;min-height:50px}.details{gap:7px}.details>div{padding:10px}.experiment{grid-template-columns:26px 1fr}.experiment b{grid-column:2}.panel-head{flex-wrap:wrap}.poll-label{font-size:9px}footer{flex-direction:column;padding:20px 15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}