:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#07101d;color:#fff;display:grid;grid-template-rows:92px 1fr 66px;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#0d1929;border-bottom:2px solid #233751}header>div{display:grid;grid-template-columns:56px auto;column-gap:14px;align-items:center}.logo{grid-row:1/3;font-size:42px}header strong{font-size:28px;letter-spacing:.09em}header small{color:#8fa2bb;font-weight:700;letter-spacing:.16em}header time{font-size:22px;font-weight:700;text-transform:capitalize}main{position:relative}.standby{height:100%;display:grid;place-content:center;text-align:center}.standby .shield{margin:auto;width:130px;height:150px;display:grid;place-content:center;background:#132944;border:3px solid #33567d;clip-path:polygon(50% 0,100% 16%,90% 77%,50% 100%,10% 77%,0 16%);font-size:54px;font-weight:900}.standby h1{font-size:52px;margin:25px 0 5px}.standby p{font-size:24px;color:#8fa2bb}.pulse{width:18px;height:18px;background:#2dd477;border-radius:50%;margin:20px auto;box-shadow:0 0 0 0 #2dd477aa;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 28px transparent}}.alarm{height:100%;background:radial-gradient(circle at 50% 0,#761414,#190707 55%);animation:alarmFlash 1s infinite}@keyframes alarmFlash{50%{background-color:#3b0808}}.alarm-head{height:96px;background:#d51e25;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:40px;font-weight:1000;letter-spacing:.08em;box-shadow:0 0 40px #ff1a1a99}.alarm-grid{padding:34px 4vw;display:grid;grid-template-columns:2fr 1fr;gap:22px}.alarm-grid>div{background:#120d11dd;border:2px solid #773039;border-radius:15px;padding:22px 28px}.keyword,.place{grid-column:1/3}.alarm label{color:#f48686;font-size:17px;font-weight:900;letter-spacing:.16em}.alarm h1{font-size:clamp(50px,7vw,105px);line-height:1;margin:15px 0;text-transform:uppercase}.alarm h2{font-size:clamp(28px,3.5vw,55px);margin:12px 0}.alarm p{font-size:28px;margin:12px 0}footer{display:flex;align-items:center;gap:25px;padding:0 30px;background:#0d1929;border-top:2px solid #233751;color:#8fa2bb}footer span:nth-child(2){margin-right:auto}.online{color:#40dc86}.offline{color:#ff5252}footer button{background:#1a2d45;border:1px solid #385373;border-radius:8px;color:white;padding:10px 15px;font-weight:800;cursor:pointer}footer button.active{background:#176b42}#soundHint{position:fixed;right:20px;bottom:78px;background:#f1b827;color:#171000;padding:14px 18px;border-radius:8px;font-weight:800;box-shadow:0 8px 30px #0008}@media(max-width:800px){body{grid-template-rows:72px 1fr 60px}header{padding:0 16px}header time{display:none}.alarm-grid{grid-template-columns:1fr}.keyword,.place{grid-column:auto}.alarm-head{font-size:25px;padding:0 15px}.alarm h1{font-size:48px}footer span:nth-child(2){display:none}}