:root{font-family:system-ui,sans-serif;color:#ecf0f7;background:#0b1019;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:24px;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid #293140}header span,.kicker{font-size:12px;letter-spacing:.15em;color:#f5ad44}a{color:#f5ad44}main{max-width:1280px;margin:auto;padding:48px 5vw}h1{font-size:clamp(38px,7vw,80px);margin:12px 0}h2{font-size:26px}p{max-width:900px;line-height:1.6;color:#c0c9d8}.notice{border-left:3px solid #f5ad44;padding:16px;background:#181e29}section{padding:30px 0;border-bottom:1px solid #293140}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}article{padding:20px;background:#151e2a;border:1px solid #2b384b;border-radius:10px}article h3{font-size:17px}.tag{font-size:12px;color:#f5ad44}button{font:inherit;background:#f5ad44;color:#111;padding:13px 19px;border:0;border-radius:7px;margin:8px 8px 8px 0;min-height:44px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:5px}video,canvas{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #344155;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#8ce3b6}footer{padding:30px 5vw;font-size:11px;letter-spacing:.1em;color:#9baac0}@media(max-width:600px){header{display:block}header span{display:block;margin-top:12px}main{padding-top:28px}}
input,select{display:block;width:min(100%,600px);font:inherit;padding:12px;margin:8px 0 18px;border:1px solid #45566f;border-radius:6px;background:#121c2a;color:#ecf0f7}input[type=checkbox]{display:inline;width:auto;min-width:24px;min-height:24px;margin-right:10px}label{display:block;line-height:1.6}details{padding:20px 0}summary{min-height:44px;cursor:pointer}