*{box-sizing:border-box}body{margin:0;background:#101b23;color:#e7efe8;font:16px system-ui,sans-serif}main{max-width:880px;margin:auto;padding:36px 20px}header span,.ruler{font-size:11px;letter-spacing:3px;color:#9fb9ad}h1{font:clamp(46px,9vw,84px) Georgia,serif;margin:10px 0;color:#e5cf9c}header p{font-size:20px;color:#b6c9bf}.panel{background:#1a2b32;border:1px solid #42544e;border-radius:20px;padding:26px;margin-top:30px;box-shadow:0 24px 80px #0004}nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}select,button{font:inherit;color:inherit;background:#253b40;border:1px solid #58746a;border-radius:8px;padding:12px;min-height:46px;cursor:pointer}button:hover,button:focus-visible{background:#3d5757;outline:2px solid #dec58f}button.active{color:#17262b;background:#e5cf9c;border-color:#e5cf9c}h2{font:28px Georgia,serif}.legend{display:flex;gap:16px;flex-wrap:wrap;color:#adbfba;font-size:12px}#cells{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:24px 0}.cell{text-align:center;background:#122027;padding:10px 4px;border:1px solid #394c4e;border-radius:40px;transition:background .25s}.cell.lit{background:#36504b;border-color:#c3ab75}.dot{width:clamp(24px,6vw,52px);height:clamp(24px,6vw,52px);border-radius:50%;margin:14px auto;background:#122027;border:2px solid #7e9990;box-shadow:inset 0 4px 8px #0006}.dot.up{background:radial-gradient(circle at 30% 25%,#fff6cc,#c39c57);border-color:#f5d494;box-shadow:0 0 22px #d9ba5c33}.target{font-size:24px;color:#e5cf9c}.threshold{font-size:12px;color:#b4c9bf}#heads{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.controls p{font-size:13px;color:#b4c9bf}.controls button{margin-right:6px}.primary{width:100%;background:#d7bd87;color:#16272c;font-weight:700;margin-top:24px}#status{min-height:48px;line-height:1.5}.tools{display:flex;flex-wrap:wrap;gap:8px}.tools button{font-size:13px}details{margin-top:24px;color:#b7cac3;line-height:1.7}summary{cursor:pointer}footer{font-size:12px;line-height:1.8;color:#8da79e;margin:28px 0}#record{color:#e5cf9c;font-size:13px}@media(max-width:540px){.panel{padding:16px}main{padding:22px 12px}.cell{padding:6px 1px}button{padding:10px}}