:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#091528;color:#edf4fa}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:40px auto;padding:0 24px 48px}h1{font-size:2.4rem;margin:12px 0}h2{font-size:1.25rem}h3{font-size:1rem}.eyebrow{letter-spacing:.12em;font-size:.8rem;color:#8ecbdf}p,dd,li{line-height:1.6}section{margin-top:24px;padding:24px;background:#122139;border:1px solid #35465e;border-radius:12px}dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}.notice{padding:12px;border-left:3px solid #e4bc6b}form{display:grid;gap:12px;margin:24px 0}label{overflow-wrap:anywhere}input,button{font:inherit;border-radius:6px;padding:12px;border:1px solid #70849e}input{width:100%;background:#091528;color:#fff}button{background:#315b78;color:#fff;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #b5e9fa;outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:12px}#admin{padding:16px;margin-top:20px;border:1px solid #e4bc6b}#admin input{margin:12px 0}li{overflow-wrap:anywhere}li+li{margin-top:8px}@media(max-width:550px){main{margin:24px auto;padding:0 16px 32px}section{padding:16px}h1{font-size:2rem}dl{grid-template-columns:1fr;gap:4px}dt:not(:first-child){margin-top:10px}.actions button{width:100%}}