:root{font-family:system-ui,sans-serif;color:#e9eee9;background:#101613;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:24px}header{border-bottom:3px solid #d7b46a;padding:20px 0}h1{font-size:clamp(2rem,8vw,4rem);margin:0}section{background:#1b261f;border:1px solid #435549;border-radius:12px;padding:24px;margin:24px 0}form{display:grid;gap:16px;max-width:480px}label{display:grid;gap:8px}input,select,button{font:inherit;padding:12px;border-radius:6px;border:1px solid #758477}button{background:#d7b46a;color:#182018;cursor:pointer;font-weight:700}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #eee;outline-offset:3px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}li{padding:12px 0}li button{margin-left:12px}footer{color:#b9c5bc;line-height:1.6;margin-top:32px}.demo-notice{margin-top:24px;padding:20px;border:2px solid #d7b46a;border-radius:12px;background:#29271c}.demo-notice p{line-height:1.6}li,.actions p{overflow-wrap:anywhere}