:root{--bg: #0b0f17;--panel: #131a26;--panel-2: #1b2434;--ink: #e8edf5;--muted: #9fb0c8;--accent: #5dd0ff;--accent-2: #ff7a90;--line: #283449;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:radial-gradient(1200px 600px at 70% -10%,#16213a 0%,var(--bg) 60%);color:var(--ink);line-height:1.45}header{padding:22px 28px 6px;text-align:center}header h1{margin:0;font-size:clamp(1.2rem,2.4vw,1.9rem);letter-spacing:.3px}.subtitle{margin:4px 0 0;color:var(--muted);font-size:.95rem;min-height:1.2em}.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1180px;margin:14px auto 0;padding:0 28px}.tab{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-size:.9rem;cursor:pointer;transition:.15s}.tab:hover{border-color:var(--accent);color:var(--ink)}.tab.active{background:linear-gradient(180deg,#1f88c0,#146a9d);border-color:var(--accent);color:var(--ink);font-weight:600}main{padding:16px 28px 8px;max-width:1180px;margin:0 auto}.vc-layout,.sim-layout{display:grid;grid-template-columns:minmax(320px,1fr) 340px;gap:20px;align-items:start}.measures{display:flex;flex-direction:column;gap:2px}.m-row{display:flex;justify-content:space-between;align-items:baseline;padding:1.5px 0;font-size:.8rem;border-bottom:1px dashed var(--line)}.m-row:last-child{border-bottom:none}.m-row span{color:var(--muted)}.m-row b{color:var(--accent);font:600 .95rem Consolas,monospace}.stage{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px;box-shadow:0 18px 40px #00000059}canvas{width:100%;height:auto;display:block;border-radius:8px;background:#060912;cursor:crosshair;touch-action:none}#panel-toggle{display:none;position:fixed;right:14px;bottom:14px;z-index:50;background:linear-gradient(180deg,#1f88c0,#146a9d);color:#fff;border:1px solid var(--accent);border-radius:24px;padding:11px 17px;font-size:.95rem;font-weight:600;box-shadow:0 6px 18px #00000073;cursor:pointer}.probe-readout{position:absolute;left:18px;top:18px;background:#080c14c7;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font:12.5px/1.4 Consolas,SF Mono,monospace;color:var(--ink);pointer-events:none;white-space:pre;backdrop-filter:blur(4px);min-width:150px}.probe-readout b{color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:0 12px 6px;box-shadow:0 18px 40px #00000059}.group{padding:6px 0;border-bottom:1px solid var(--line)}.group:last-child{border-bottom:none}.group h2{font-size:.66rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 4px}.seg{display:flex;flex-direction:column;gap:3px}.seg-btn{text-align:left;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:4px 9px;font-size:.84rem;cursor:pointer;transition:.15s}.seg-btn:hover{border-color:var(--accent)}.seg-btn.active{background:linear-gradient(180deg,#1f88c0,#146a9d);border-color:var(--accent);font-weight:600}.hint{color:var(--muted);font-size:.76rem;margin:5px 0 0;line-height:1.3}select{width:100%;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:5px 8px;font-size:.85rem}.formula{margin-top:6px;background:#0a1019;border:1px solid var(--line);border-radius:7px;padding:6px 9px;font:11.5px/1.4 Consolas,monospace;color:var(--accent);white-space:pre-wrap}.slider{display:block;margin:4px 0;font-size:.78rem}.slider span{display:flex;justify-content:space-between;color:var(--muted)}.slider em{color:var(--accent);font-style:normal}.slider input[type=range]{width:100%;height:14px;margin-top:1px;accent-color:var(--accent)}.check{display:flex;align-items:center;gap:7px;margin:3px 0;font-size:.82rem;cursor:pointer}.check input{accent-color:var(--accent);width:14px;height:14px}.legend .bar{height:14px;border-radius:7px;overflow:hidden;border:1px solid var(--line)}.bar-grad{display:block;height:100%;background:linear-gradient(90deg,#2b6df0,#58a6ff,#0c1422,#ff9d57,#ff4d4d)}.bar-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:4px}.reset{width:100%;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:6px;cursor:pointer;font-size:.84rem}.reset:hover{border-color:var(--accent-2);color:var(--accent-2)}footer{max-width:1180px;margin:0 auto;padding:4px 28px 28px;color:var(--muted);font-size:.85rem;text-align:center}@media (max-width: 880px){header{padding:14px 16px 4px}.tabs{padding:0 12px;gap:6px}.tab{padding:7px 13px;font-size:.85rem}main{padding:10px 10px 8px}.vc-layout,.sim-layout{grid-template-columns:1fr;gap:12px}footer{padding:4px 16px 88px}#panel-toggle{display:block}.panel{display:none;position:fixed;left:0;right:0;bottom:0;max-height:80vh;overflow-y:auto;z-index:40;border-radius:16px 16px 0 0;border-bottom:none;padding:6px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 34px #0000008c}body.controls-open .panel{display:block}body.controls-open:after{content:"";position:fixed;inset:0;background:#00000059;z-index:39}}