:root{color-scheme:dark;--bg:#0b1020;--panel:#141c31;--line:#2a3757;--accent:#9a8cff;--muted:#aab4ce}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef2ff;font:15px/1.5 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:36px 22px}header{max-width:800px}.kicker{color:var(--accent);letter-spacing:.12em;font-size:12px}h1{font-size:clamp(32px,5vw,58px);margin:.1em 0}h2{font-size:18px;margin-top:0}.notice{color:var(--muted)}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:26px 0}.controls label{color:var(--muted)}button,select,input{background:#1b2742;color:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:7px}button{background:var(--accent);color:#100d20;font-weight:700;cursor:pointer}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;margin:14px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.event{border-left:3px solid var(--accent);padding:8px 12px;margin:9px 0;background:#10182c}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid var(--line);text-align:left}footer{color:var(--muted);margin-top:26px;font-size:13px}@media(max-width:760px){.grid{grid-template-columns:1fr}}