:root{color-scheme:dark;--void:#07050a;--surface:#120c19;--card:#191020;--purple:#a627ff;--electric:#d056ff;--gold:#d8b56d;--text:#f8f4fb;--muted:#b9adbf;--danger:#ff496b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 0,#65108b55,transparent 35%),var(--void);color:var(--text);font:16px/1.5 Inter,system-ui,sans-serif}.shell{width:min(760px,100%);margin:auto;padding:max(24px,env(safe-area-inset-top)) 16px max(36px,env(safe-area-inset-bottom))}header{display:flex;gap:12px;align-items:center;margin-bottom:28px}header p,.title p{margin:0;color:var(--gold);font-size:.72rem;letter-spacing:.2em}header strong{letter-spacing:.09em}.crown{font-size:2rem;color:var(--gold)}.card,.summary,.service,.events,details{background:linear-gradient(145deg,#1a1022,#0e0a13);border:1px solid #9e38d14d;border-radius:20px;padding:22px;box-shadow:0 20px 60px #0008,0 0 35px #8d1be518}.alarm{color:var(--electric);font-weight:800;letter-spacing:.13em;font-size:.78rem}h1{font-size:clamp(2rem,10vw,4.2rem);line-height:.95;margin:.35em 0}h2{margin:30px 0 12px;font-size:1.1rem}p{color:var(--muted)}label{display:grid;gap:7px;margin:16px 0;color:#e6dced;font-weight:650}input{width:100%;min-height:50px;border-radius:12px;border:1px solid #74448c;background:#0b0710;color:white;padding:12px;font-size:16px}button,.normal{min-height:48px;border:0;border-radius:12px;background:linear-gradient(110deg,#8518d8,var(--purple));color:white;font-weight:850;letter-spacing:.04em;padding:12px 16px;cursor:pointer;text-decoration:none;text-align:center}button:focus-visible,input:focus-visible,.normal:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.mode,.title,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.mode{border:1px solid #f04b694d;background:#3a0d18;padding:10px 14px;border-radius:12px;color:#ff9cad;font-weight:900}.quiet{background:#25162f;border:1px solid #7f469d}.danger{background:#6f1025;border:1px solid var(--danger)}.summary{margin-top:18px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service{padding:15px}.service span{display:block;color:var(--muted);font-size:.78rem}.service strong{display:block;margin-top:5px}.ok{color:#74dfa4}.bad{color:#ff8197}.warn{color:#f3c969}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.events{display:grid;gap:10px}.event{border-bottom:1px solid #ffffff15;padding-bottom:10px}.event:last-child{border:0}.event strong{display:block}.event small{color:var(--muted)}details{margin-top:28px}summary{cursor:pointer;font-weight:800}.normal{display:block;margin-top:18px}.error{color:#ff9cad;min-height:24px}dialog{width:min(460px,calc(100% - 30px));border:1px solid #9e38d1;border-radius:20px;background:var(--surface);color:var(--text);padding:24px}dialog::backdrop{background:#000c}.dialog-actions{margin-top:20px}.dialog-actions button{flex:1}@media(max-width:520px){.grid,.controls{grid-template-columns:1fr}.shell{padding-left:14px;padding-right:14px}.title{align-items:flex-start}h1{font-size:2.65rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}