:root{color-scheme:dark;--bg:#101016;--card:#20202c;--fg:#f4f1ff}body.light{color-scheme:light;--bg:#f5f3fb;--card:white;--fg:#201a35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px system-ui;transition:background .2s}header{display:flex;gap:24px;align-items:center;padding:24px;border-bottom:1px solid #7773}header strong{font-size:30px;color:#ae93ff}header span{flex:1}main{max-width:1100px;margin:auto;padding:24px}h1{font-size:36px}form{max-width:430px;display:grid;gap:12px}input,select,textarea,button{font:inherit;border:1px solid #7774;border-radius:12px;padding:13px;background:var(--card);color:var(--fg)}button{cursor:pointer}button:hover{border-color:#a183ff}nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}article{background:var(--card);border-radius:18px;padding:22px;margin:14px 0;overflow-wrap:anywhere}article button,article select{margin:6px}textarea{width:100%;min-height:90px}footer{opacity:.6;margin-top:40px;line-height:1.7}#status{color:#b6a1ff;white-space:pre-wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){header span{display:none}h1{font-size:28px}}