:root{font:16px/1.5 system-ui;color:#e8eef5;background:#0b1118;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:clamp(24px,4vw,34px);margin:0}.eyebrow{color:#69e99d;font-size:12px;font-weight:700;letter-spacing:.15em}.panel{margin:20px 0;padding:20px;border:1px solid #324252;background:#111b25;border-radius:14px}.panel h2{margin-top:0}p{color:#a9b5c0}button,input,select,textarea{font:inherit;color:inherit;background:#182431;border:1px solid #324252;border-radius:8px;padding:10px;min-height:44px}button{cursor:pointer}button:disabled{opacity:.5}button:hover{border-color:#69e99d}a{color:#69e99d}nav,form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:grid;gap:5px;flex:1;min-width:180px;font-size:14px}label.check{display:flex;align-items:center}input[type=checkbox]{min-width:20px}article{padding:16px 0;border-bottom:1px solid #324252}article:last-child{border:0}article button{margin:8px 8px 0 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid #324252}#notice{min-height:24px;color:#69e99d}textarea{width:100%;min-height:100px}input,select{min-width:0;max-width:100%}:focus-visible{outline:3px solid #69e99d;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}.panel{padding:14px}form label{min-width:100%}header{align-items:flex-start}}