:root{font:16px system-ui,sans-serif;color:#e8f0f6;background:#101b2d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;border-bottom:1px solid #36485e}h1{margin:14px 0 4px}h2{font-size:1.2rem}p{line-height:1.6;color:#c2cfdd}a{color:#91ead3}main{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:30px;padding:28px 5%;max-width:1500px;margin:auto}label{display:block;margin:14px 0}input{display:block;width:100%;padding:10px;margin-top:6px;background:#17273e;border:1px solid #62788f;border-radius:6px}button{border:1px solid #84d3bf;background:#1b3b3a;color:#fff;border-radius:6px;padding:12px;cursor:pointer;font:inherit}button:hover{background:#285652}button:disabled{opacity:.5;cursor:default}.views{display:grid;grid-template-columns:1fr 1fr;gap:14px}figure{margin:0}svg{width:100%;background:#142338;border-radius:12px}figcaption{font-size:.85rem;color:#bdcbd8;margin:8px 0}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.notice{border-left:4px solid #eac982;padding:12px;background:#2f2e2b}.actions{display:flex;gap:10px;flex-wrap:wrap}#error{color:#ffaeae}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #91ead3;outline-offset:3px}@media(max-width:800px){main{grid-template-columns:1fr}.views{grid-template-columns:1fr 1fr}}@media(max-width:480px){.views{grid-template-columns:1fr}dl{font-size:.9rem}}
select{display:block;width:100%;padding:10px;background:#17273e;color:inherit;border:1px solid #62788f;border-radius:6px}select:focus-visible{outline:3px solid #91ead3;outline-offset:3px}#study-state{color:#91ead3}