:root{--bg:#07111f;--panel:#0c1a2b;--line:#1b344b;--text:#e8f0f8;--muted:#8da3b9;--cyan:#36d6e7;--green:#47d7a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0%,#102944 0,transparent 28%),var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:25px 17px;background:#081522;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;margin:2px 0 42px}.brand-mark{width:38px;height:38px;border:1px solid #2b7084;color:var(--cyan);display:grid;place-items:center;font-weight:800;background:#0c2939}.brand strong{display:block;font-size:15px;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}.side-label,.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:700}.side-label{padding:0 10px 10px}.nav{display:grid;gap:5px}.nav-link{padding:10px 10px;border:1px solid transparent;color:#9eb1c4;text-decoration:none;border-radius:5px;font-size:12px;display:flex;gap:12px;align-items:center}.nav-link span{font-size:12px}.nav-link.active,.nav-link:hover{background:#10283a;border-color:#1b4658;color:#eafaff}.sidebar-bottom{margin-top:auto;color:#7e96ad;font-size:9px;letter-spacing:1px}.sidebar-bottom i,.top-status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px #47d7a077}.sidebar-bottom p{line-height:1.9;margin-top:16px}.sidebar-bottom b{color:#b5c9dc;font-size:8px}.main-content{margin-left:238px;max-width:1600px;padding:25px clamp(18px,3.2vw,52px) 24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{font-size:22px;margin:4px 0 0}.top-status{font-size:9px;letter-spacing:1.2px;color:#9cb2c7;border:1px solid var(--line);padding:8px 11px;border-radius:4px}.live-section{margin-bottom:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 10px}.section-heading h2{font-size:17px;margin:2px 0 0}.cyan{color:var(--cyan)}.tag{font-size:8px;letter-spacing:1.1px;color:var(--cyan);border:1px solid #236075;background:#0b2b3a;padding:5px 8px;border-radius:3px;white-space:nowrap}.tag-outline{background:transparent;color:#91a9be;border-color:#344c61}.live-stage{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid #20516a;border-radius:7px;background:radial-gradient(ellipse at 76% 47%,#123e53 0%,#0c293d 25%,transparent 55%),linear-gradient(115deg,#0d263b,#081827 65%,#0b2938);padding:2.5% 3.2%;display:flex;flex-direction:column;justify-content:space-between}.live-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#1d526422 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#1d526422 50%,transparent 50.1%);background-size:7.5% 13.33%;opacity:.3}.stage-topline,.stage-bottomline{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.stage-brand{display:flex;align-items:center;gap:11px;font-size:clamp(10px,1.2vw,16px);letter-spacing:2px}.stage-logo{width:clamp(28px,3.5vw,46px);height:clamp(28px,3.5vw,46px);border:1px solid #36a5b9;color:var(--cyan);display:grid;place-items:center;font-weight:800}.stage-brand b{color:var(--cyan)}.stage-brand small{display:block;color:#7f9db3;font-size:clamp(6px,.65vw,9px);letter-spacing:2px}.live-indicator{font-size:clamp(7px,.8vw,10px);letter-spacing:1.3px;border:1px solid #37576a;padding:6px 9px;border-radius:3px;color:#b9cbd8}.live-indicator i{display:inline-block;width:7px;height:7px;background:#ff5f6d;border-radius:50%;margin-right:6px}.stage-center{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:0 6%}.stage-copy{max-width:55%}.stage-copy h2{font-size:clamp(23px,4.3vw,62px);line-height:1.04;letter-spacing:-1.8px;margin:10px 0}.stage-copy h2 em{font-style:normal;color:#5edce8}.stage-copy p{max-width:570px;color:#9bb3c7;font-size:clamp(9px,1.1vw,15px);margin:0}.stage-visual{position:relative;width:clamp(130px,23vw,310px);aspect-ratio:1;flex:none;display:grid;place-items:center}.stage-ring{position:absolute;inset:8%;border:1px solid #25869b;border-radius:50%;transform:rotate(25deg) scaleX(.85)}.ring-b{inset:18% -1%;transform:rotate(-35deg) scaleX(.85);border-color:#2c5e7c}.stage-number{width:35%;aspect-ratio:1;border:1px solid #38b8c9;border-radius:50%;display:grid;place-content:center;text-align:center;background:#12394b;color:#e8fdff;font-size:clamp(19px,2.5vw,36px);font-weight:800;box-shadow:0 0 35px #1cc7d322}.stage-number span{color:var(--cyan);font-size:.65em}.ball{position:absolute;width:clamp(23px,3vw,39px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#123b50;border:1px solid #287f94;color:#b6f7ff;font-style:normal;font-size:clamp(7px,.8vw,10px)}.ball-a{top:2%;left:46%}.ball-b{right:1%;top:46%}.ball-c{bottom:2%;left:46%}.ball-d{left:1%;top:46%}.ball-e{right:17%;top:13%}.stage-bottomline{font-size:clamp(6px,.75vw,9px);letter-spacing:1px;color:#90a9bd;border-top:1px solid #31546a;padding-top:9px}.stage-bottomline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.metric-card,.panel{background:linear-gradient(145deg,#0d1c2d,#0a1726);border:1px solid var(--line);border-radius:7px}.metric-card{padding:15px 17px}.metric-label{display:block;color:#829bb2;font-size:8px;letter-spacing:1.4px;font-weight:700}.metric-card strong{display:block;font-size:clamp(17px,1.9vw,24px);margin:7px 0 2px}.metric-card small{color:#7891a9;font-size:9px}.gold{font-size:15px!important;color:#e5bd74}.panel{padding:19px;margin-bottom:13px;scroll-margin-top:15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h3{font-size:16px;margin:3px 0 0}.panel-intro{font-size:11px;color:#91a7bc;margin:12px 0}.number-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;max-width:520px;margin:18px 0 15px}.number-slots span{aspect-ratio:1;max-width:64px;border-radius:50%;background:#102b40;border:1px solid #286077;color:#8feefa;display:grid;place-items:center;font-weight:800;font-size:clamp(16px,2vw,22px)}.actions,.control-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.primary-btn,.secondary-btn{border:1px solid #39c8d7;background:#0e6170;color:#f0feff;padding:10px 14px;border-radius:4px;font:700 11px inherit;cursor:pointer}.primary-btn:hover,.secondary-btn:hover{background:#117b8b}.primary-btn b{margin-left:15px}.quiet-btn{border:0;background:transparent;color:#90a6ba;font-size:10px;cursor:pointer;padding:10px}.micro-note{font-size:9px;color:#6f879e;margin:13px 0 0}.control-row label{display:grid;gap:5px;color:#9bb0c4;font-size:9px;letter-spacing:.7px;min-width:130px}.control-row input,.control-row select{width:100%;background:#081827;border:1px solid #28435a;color:#e8f0f8;border-radius:4px;padding:9px 10px;font:12px inherit;min-height:36px}.result-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.result-strip.three{grid-template-columns:repeat(3,1fr)}.result-strip>div{background:#091827;border:1px solid #1b344b;border-radius:5px;padding:12px}.result-strip small{display:block;color:#829bb2;font-size:8px;letter-spacing:1px}.result-strip strong{display:block;margin-top:5px;font-size:clamp(14px,1.8vw,20px)}.bar-track{height:8px;background:#172c40;border-radius:10px;overflow:hidden;margin-top:14px}.bar-fill{height:100%;width:0;background:linear-gradient(90deg,#20a7bb,#55e0df);transition:width .3s}.portfolio-output{display:grid;gap:7px;margin-top:14px}.portfolio-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px;background:#091827;border:1px solid #1b344b;border-radius:4px}.portfolio-row b{font-size:9px;color:#7891a9;width:24px}.mini-ball{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#12364b;border:1px solid #286077;color:#a6f3fb;font-size:9px}.empty-state{color:#718aa1;font-size:10px}.data-state{display:flex;gap:13px;align-items:flex-start;margin:18px 0;padding:15px;background:#171f2a;border:1px solid #554b34;border-radius:5px}.lock{font-size:20px;color:#e6bd70}.data-state strong{font-size:12px}.data-state p{font-size:10px;color:#9aaabd;margin:5px 0 0}.data-checks{display:flex;gap:18px;flex-wrap:wrap;color:#8bbda9;font-size:9px}.engine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.engine{min-height:105px;padding:12px;border:1px solid #1a344a;background:#0b1928;border-radius:5px}.engine>b{display:block;color:#39cddd;font-size:9px;margin-bottom:8px}.engine strong{display:block;font-size:11px}.engine small{display:block;color:#8098ae;font-size:9px;margin-top:4px;min-height:25px}.engine-state{display:block;color:#b49c6b;font-size:7px;letter-spacing:1px;margin-top:7px}.active-state{color:#64d6b0}.method-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px;margin-top:12px}.method-list p{font-size:10px;color:#a4b7c9}.method-list b{color:var(--green);margin-right:7px}footer{padding:12px 2px;color:#637d94;font-size:8px;letter-spacing:1px}footer span{color:#2e8291;margin:0 6px}@media(max-width:900px){.sidebar{width:205px}.main-content{margin-left:205px;padding:20px 15px}.stage-center{padding:0 2%}}@media(max-width:680px){.sidebar{position:static;width:auto;height:auto;padding:11px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0}.side-label,.nav,.sidebar-bottom{display:none}.main-content{margin:0;padding:15px 11px}.topbar h1{font-size:18px}.top-status{font-size:7px;padding:6px}.section-heading h2{font-size:14px}.live-stage{border-radius:5px;padding:2.4% 3%}.stage-center{padding:0 1%}.stage-copy{max-width:58%}.stage-copy h2{font-size:clamp(19px,5.3vw,34px);letter-spacing:-.7px;margin:6px 0}.stage-copy p{font-size:clamp(7px,1.8vw,10px)}.stage-brand{letter-spacing:1px}.stage-bottomline{letter-spacing:.3px;padding-top:5px}.live-indicator{padding:4px 6px}.metrics{gap:6px}.metric-card{padding:10px 8px}.metric-label{font-size:6px;letter-spacing:.5px}.metric-card strong{font-size:clamp(11px,2.9vw,17px)}.metric-card small{font-size:7px}.gold{font-size:10px!important}.panel{padding:13px}.engine-grid{grid-template-columns:1fr 1fr}.method-list{grid-template-columns:1fr}.number-slots{gap:5px}.number-slots span{font-size:16px}.control-row{gap:8px}.control-row label{min-width:calc(50% - 8px);flex:1}.control-row .secondary-btn{width:100%}.result-strip.three{grid-template-columns:1fr 1fr}.result-strip.three>div:last-child{grid-column:span 2}}@media(max-width:390px){.engine-grid{grid-template-columns:1fr}.stage-brand small{letter-spacing:1px}.stage-bottomline span:last-child{display:none}.result-strip{grid-template-columns:1fr}.result-strip.three{grid-template-columns:1fr 1fr}}