:root{font-family:system-ui,sans-serif;color:#e7edf3;background:#0e1520;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #344453}h1{margin:5px 0;font-size:2.6rem}small{color:#5cdbbd;letter-spacing:.2em}p,footer{color:#b5c2ce}section{background:#172230;border:1px solid #344453;border-radius:14px;padding:24px;margin-top:20px}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}label{display:flex;flex-direction:column;gap:8px}input,select,textarea,button{font:inherit;padding:11px;border:1px solid #516274;border-radius:7px;background:#101a27;color:inherit}button{cursor:pointer;background:#205e53;align-self:end}button:hover{background:#2b796b}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #72ddc2;outline-offset:2px}nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}nav button[aria-current=true]{background:#3c8575}article{padding:16px;border:1px solid #465768;border-radius:10px;margin:12px 0}article button{margin:8px 8px 0 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}#notice{min-height:24px;color:#84e7cc}fieldset{border:1px solid #516274;border-radius:8px}fieldset label{margin-bottom:12px}dialog{max-width:720px;width:95%;max-height:90vh;background:#172230;border:1px solid #5cdbbd;border-radius:12px}dialog::backdrop{background:#000a}dialog form{display:flex;flex-direction:column}.check{flex-direction:row}#confirm-error{color:#ffb4ac}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding:16px}section{padding:16px}form{grid-template-columns:1fr}}