:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b171c;color:#edf5f1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#183b40,transparent 70%);min-height:100vh}main{max-width:760px;padding:64px 24px;margin:auto}.brand{color:#72d8b2;font-size:12px;letter-spacing:.18em;font-weight:800}h1{font-size:clamp(36px,8vw,64px);letter-spacing:-.05em;margin:16px 0}h1 span{color:#ffaf88}header p{color:#a9bdbb;margin-bottom:40px}section{background:#12262ddd;border:1px solid #31484d;border-radius:22px;padding:30px;box-shadow:0 16px 60px #0003}h2{font-size:22px;margin-top:0}p{line-height:1.6}label{display:block;margin:22px 0 8px;color:#bdd0cf}input{display:block;width:100%;background:#0b171c;border:1px solid #526a70;color:white;border-radius:10px;padding:15px;font-size:16px}button{background:#ffaf88;color:#10252b;font-weight:750;border:0;border-radius:10px;padding:13px 22px;font-size:15px;cursor:pointer}form button{margin-top:18px;width:100%}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #71dfc2;outline-offset:4px}.secondary{background:#243e45;color:#d1e5df;padding:9px 14px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;color:#91b6ad;font-size:14px}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}h3{font-size:23px;margin:0}.setting p{margin:8px 0;color:#b9ccc8}#toggle{min-width:96px}#toggle[aria-checked=true]{background:#70dfb6}.status{color:#70dfb6}.note{font-size:13px;color:#9db4b3}hr{border:0;border-top:1px solid #31484d;margin:24px 0}footer{font-size:12px;color:#738f95;margin-top:36px}#message{color:#ffbd98}[hidden]{display:none!important}@media(max-width:480px){main{padding-top:35px}section{padding:22px}.setting{align-items:flex-start}}