:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#080e17;color:#eef5fc}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #293746}header a{font-size:25px;font-weight:750;color:inherit;text-decoration:none}header a span,.eyebrow{color:#8cf3df}header>span,footer{color:#a3b4c7}main{min-height:80vh}h1{font-size:clamp(36px,6vw,64px);letter-spacing:-.04em;line-height:1.08}h2{margin-top:40px}p{line-height:1.7;max-width:720px;color:#bccbdd}form{max-width:450px;margin-top:24px}label{display:block;margin-bottom:9px}input{width:100%;padding:15px;border:1px solid #657589;border-radius:10px;background:#14202f;color:white;font:inherit;margin-bottom:14px}button{padding:13px 20px;border:1px solid transparent;border-radius:10px;background:#8cf3df;color:#09201c;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#18283b;border-color:#415267;color:#e6eef9}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar p{margin-right:auto}.notice{border:1px solid #437268;padding:14px;border-radius:10px;background:#112923}#message{min-height:28px;color:#f6d98f}.card{border:1px solid #334558;border-radius:16px;background:#111d2c;padding:22px;margin:14px 0}.card h3{margin-top:0}.card small{display:block;color:#a4bad0;margin:10px 0}dialog{width:min(850px,94vw);max-height:90vh;background:#142132;color:white;border:1px solid #4b647d;border-radius:16px;padding:25px}dialog::backdrop{background:#000b}dialog form{margin:0 0 20px auto;text-align:right}pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.75}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b6ffec;outline-offset:4px}[hidden]{display:none!important}@media(max-width:500px){header,main,footer{padding:20px}.toolbar button{width:100%}header>span{display:none}}
.period-status{display:inline-block;padding:5px 12px;border:1px solid #61738a;border-radius:999px;font-size:.9rem;font-weight:650;margin-bottom:18px}.period-status.active{background:#12382e;color:#a3f7da;border-color:#43816d}.period-status.planned{background:#172d49;color:#c2ddff;border-color:#5278a6}.period-status.ended{background:#2b2830;color:#dfd2dc}.card:focus{outline:3px solid #b6ffec;outline-offset:4px}