:root{font-family:Inter,Segoe UI,system-ui,sans-serif}
body{background:#101115;grid-template-rows:80px minmax(0,1fr) 64px}
header{background:#17181d;border-bottom:1px solid #34363e;padding:0 30px}header strong{font-size:24px}header small{color:#9598a3}
main{background:radial-gradient(circle at 50% 20%,#2b181b,#101115 60%)}
.standby{display:flex;align-items:flex-start;justify-content:center;padding-top:45px;background:transparent}.standby .shield{width:80px;height:92px;font-size:32px;background:#d92332;border:0}.standby h1{font-size:34px;margin:15px 0 3px}.standby p{font-size:17px}.pulse{margin:12px auto}
.alarm{background:radial-gradient(circle at 40% 0,#64161f,#150d0f 58%);animation:none}.alarm-head{height:76px;background:#d92332;font-size:30px;padding:0 30px}.alarm-grid{gap:14px;padding:18px 2vw}.alarm-grid>div{background:#1a171aeb;border:1px solid #5d2c32;border-radius:12px;padding:16px 20px}.alarm h1{font-size:clamp(34px,4vw,64px)}.alarm h2{font-size:clamp(22px,2vw,34px)}.alarm label{font-size:12px}.alarm p{font-size:20px}
.multi-panel,.history-panel{background:#1b1c21f2;border:1px solid #3b3d46;box-shadow:0 15px 40px #0009}.multi-panel button{background:#25272d;border-color:#3c3e48}.multi-panel button.selected{background:#d92332;border-color:#ef5b68}
.history-panel{max-height:205px}
.standby-day-plan{position:absolute;left:4vw;right:30vw;top:28px;bottom:24px;background:#18191edb;border:1px solid #343640;border-radius:18px;padding:22px;overflow:auto;box-shadow:0 18px 60px #0007}.standby-day-plan header{height:auto;padding:0 0 15px;background:transparent;border:0;display:flex}.standby-day-plan header span{font-size:11px;color:#e74a57;font-weight:800;letter-spacing:.13em}.standby-day-plan header h2{margin:4px 0 0;font-size:26px;text-transform:capitalize}.standby-day-plan header>b{background:#25272d;padding:8px 12px;border-radius:999px}.standby-timeline{display:grid;gap:8px}.standby-timeline article{display:grid;grid-template-columns:125px 1fr 35px;gap:15px;align-items:center;background:#23252b;border:1px solid #343640;border-radius:11px;padding:12px 15px}.standby-timeline article.completed{opacity:.52}.standby-timeline article.completed h3{text-decoration:line-through}.standby-timeline time{color:#ef5260;font-size:17px;font-weight:800}.standby-timeline small{color:#9a9da8;text-transform:uppercase;font-size:10px}.standby-timeline h3{margin:2px 0;font-size:17px}.standby-timeline p{margin:0;color:#b4b6be;font-size:13px}.standby-timeline article>span{font-size:23px;color:#39cd7d}.no-plan{display:grid;place-items:center;min-height:180px;color:#8f929d}
footer{background:#17181d;border-top:1px solid #34363e;padding:0 22px;gap:12px}footer button,footer select,footer label{background:#25272d;border-color:#3d4049}
@media(max-width:1100px){.standby-day-plan{right:4vw;bottom:190px}.history-panel{right:4vw;left:4vw;width:auto;bottom:15px}.standby{display:none}}