*{box-sizing:border-box}body{margin:0;background:#080b0f;color:#e8edf2;font:14px system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:26px 36px}h1{font-weight:500;font-size:32px;letter-spacing:-.035em;margin:9px 0}p{line-height:1.6;color:#98a6b5}.eyebrow{color:#7ce5d2;font-size:10px;letter-spacing:.19em;text-transform:uppercase}.intro{display:flex;justify-content:space-between;gap:20px;align-items:center}.badge{border:1px solid #304138;border-radius:30px;padding:8px 12px;font-size:11px;color:#a0d9bf;white-space:nowrap}.intro p{margin:5px 0 15px;max-width:820px}.toolbar,.viewbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{border:1px solid #26303b;background:#10161e;border-radius:10px;padding:12px 14px}.toolbar input{flex:1;min-width:100px}.toolbar strong{width:103px;font-variant-numeric:tabular-nums;font-size:16px}.viewbar{padding:13px 2px;color:#abb9c5;font-size:12px;gap:12px}.viewbar input[type=range]{width:80px}button,select{background:#18212c;color:#dce5ed;border:1px solid #334052;border-radius:6px;padding:7px 10px;font:inherit;cursor:pointer}button:hover,select:hover{border-color:#70cbb9}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #7ce5d2}input{accent-color:#72dac4}.quiet{color:#8b9caa;font-size:11px}#timing{font-size:11px;margin:9px 0 16px}.panels{display:grid;gap:16px}.panel{position:relative;background:#000;border:1px solid #252e37;border-radius:12px;overflow:hidden}.panel-header{position:absolute;z-index:2;left:22px;top:17px;pointer-events:none}.panel h2{font-size:18px;font-weight:450;margin:0 0 4px}.panel p{margin:0;font-size:11px;color:#8595a4}.scene{position:relative;height:390px}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#volume{position:absolute;inset:0;pointer-events:none}#current{position:relative;z-index:1}.legend-wrap{position:absolute;right:24px;bottom:20px;width:210px;pointer-events:none}.legend{height:6px;border-radius:2px;background:linear-gradient(90deg,#0f1f8c,#00b3d9,#40d961,#ffe026,#ff4d0f,#c70604)}.legend-label{display:flex;justify-content:space-between;margin-top:7px;font-size:10px;color:#adb9c4;font-variant-numeric:tabular-nums}.scene-hint{position:absolute;right:22px;top:20px;color:#627480;font-size:10px;pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #26303b;border-radius:9px;overflow:hidden;margin:20px 0;background:#26303b}.metric{padding:15px 18px;background:#10161e}.metric small{display:block;color:#8b9caa;font-size:11px;margin-bottom:8px}.metric strong{font-size:19px;font-weight:450;font-variant-numeric:tabular-nums}.run{display:flex;gap:18px;flex-wrap:wrap}.run p{font-size:11px;margin:0}details{color:#9cabb8;line-height:1.65;font-size:12px;margin:18px 0}summary{cursor:pointer;color:#b9c7d4}a{color:#7ce5d2}footer{color:#718594;font-size:11px;margin:18px 0}#render-warning{color:#f2bd75}.notice{color:#9daaaf;font-size:11px;margin:12px 0 0}@media(min-width:1700px){.scene{height:470px}}@media(max-width:700px){main{padding:18px 12px}.intro{display:block}.badge{display:none}h1{font-size:27px}.scene{height:340px}.metrics{grid-template-columns:1fr 1fr}.viewbar{gap:8px}.legend-wrap{width:140px}.scene-hint{display:none}.panel-header{left:16px}.toolbar strong{font-size:14px;width:90px}}

.archive-back{display:inline-block;margin-bottom:20px;font-size:12px;text-decoration:none}.archive-back:hover{text-decoration:underline}