:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#061d31;color:#f2f7fa}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:24px 4vw;border-bottom:1px solid #345065}header strong{font-size:1.8rem;letter-spacing:.12em}header span{flex:1;color:#a7c1cf;font-size:.8rem;letter-spacing:.14em}main{padding:3vw;max-width:2200px;margin:auto}h1{font-size:clamp(2.3rem,5vw,5rem);margin:0}#sessions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:24px;margin-top:30px}article{border:1px solid #39596b;background:#102e43;padding:28px;border-radius:16px}article h2{font-size:clamp(2rem,3vw,3rem);margin:0 0 12px}.state{font-size:1.3rem;color:#91e0b3}.unknown{border-color:#dcb56f}.unknown .state{color:#edc884}p{line-height:1.6}footer{margin-top:36px;color:#9fb7c6;font-size:.9rem}button,input{font:inherit;padding:12px 18px;border-radius:8px;border:1px solid #547082}button{cursor:pointer;background:#cbe7d8;color:#102c28}input{display:block;margin:10px 0 20px;max-width:100%;width:30em}form{max-width:720px;background:#102e43;padding:28px;margin-top:24px;border-radius:12px}[hidden]{display:none!important}#error{color:#f4c180}@media(max-width:600px){header{flex-wrap:wrap;gap:12px}header span{flex-basis:100%}}