:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:#e9f0f5;background:#0a1019}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#172c3c,transparent 65%)}main{max-width:720px;margin:auto;padding:40px 24px}header{display:flex;align-items:center;gap:16px}.mark{font-weight:950;font-size:24px;background:#ef4848;color:white;padding:14px;border-radius:12px}small{color:#92a7b7;letter-spacing:2px;font-size:11px}h1{font-size:30px;margin:3px 0}h2{font-size:18px;margin:0 0 16px}.tag{margin-left:auto;color:#ff9f9f;border:1px solid #653d45;padding:6px 10px;border-radius:20px;font-size:12px;white-space:nowrap}.intro{font-size:18px;line-height:1.8;margin:32px 0;color:#b5c7d6}section{border:1px solid #2b4052;background:#101e2b;border-radius:18px;padding:24px;margin:20px 0}label{display:block;line-height:1.7}input:not([type=checkbox]){width:100%;margin:8px 0 18px;border:1px solid #475d70;background:#09141f;border-radius:8px;color:white;padding:14px;font-size:16px}button{border:0;border-radius:9px;background:#309ca5;color:#fff;font-size:16px;font-weight:700;padding:15px 20px;cursor:pointer;min-height:48px;width:100%}button:disabled{opacity:.4;cursor:not-allowed}.danger{background:#d83b46}.secondary{background:#263a4c;margin-top:10px}.heading{display:flex;justify-content:space-between;gap:12px}.heading span{font-size:13px;color:#ffd28a}#account{font-size:32px;letter-spacing:1px}#server{color:#a6bdce;overflow-wrap:anywhere}dl{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin:24px 0}dt{font-size:12px;color:#91a9bd}dd{margin:6px 0;font-size:15px}.note,section>p,footer{font-size:13px;line-height:1.7;color:#9ab0c3}footer{text-align:center;margin-top:32px}dialog{max-width:580px;width:calc(100% - 28px);background:#142330;color:#e9f0f5;border:1px solid #ad535a;border-radius:18px;padding:26px}dialog::backdrop{background:#000c}dialog ul{padding-left:22px;line-height:1.9;color:#c6d4df}.check{background:#311e28;padding:14px;border-radius:9px;margin:20px 0}.check input{width:18px;height:18px;vertical-align:middle}.actions{display:flex;gap:12px}.actions button{margin:0;flex:1}#result{font-size:23px;color:#ffd28a}code{overflow-wrap:anywhere;font-size:12px}@media(max-width:520px){main{padding:24px 16px}h1{font-size:24px}.tag{display:none}section{padding:20px}dl{grid-template-columns:1fr 1fr}.actions{flex-direction:column}.intro{font-size:16px}}
