*{box-sizing:border-box}body{margin:0;background:#f4f5fa;color:#252a43;font:15px/1.6 'Segoe UI',Arial,sans-serif}header{max-width:820px;margin:30px auto;display:flex;gap:12px;align-items:center;padding:0 20px}header img{width:44px;height:44px}header strong{font-size:22px}.top-link{margin-left:auto;font-size:13px;font-weight:600;text-decoration:none}header select{margin-left:4px;width:auto;border:0;background:transparent;color:#77819b}main{max-width:780px;margin:auto;padding:0 20px}h1{font-size:30px;line-height:1.2;letter-spacing:-.7px}p{color:#818aa1}section{border:1px solid #e6e8f1;background:#fff;border-radius:16px;padding:30px;margin:20px 0;box-shadow:0 5px 30px #23294c04}h2{font-size:18px;margin:0 0 18px}label{font-size:12px;font-weight:600;display:block;color:#717e99;margin-bottom:6px}input,select{border:1px solid #dfe3ec;padding:12px;border-radius:7px;width:100%;font:inherit;color:inherit}input[type=checkbox]{width:auto}input:focus{outline:2px solid #b6a7fa}.field{margin:15px 0}button{font:inherit;cursor:pointer;padding:12px 18px;background:#7460dc;color:#fff;border:0;border-radius:8px;font-size:13px;font-weight:600}button:disabled{opacity:.45;cursor:wait}.secondary{background:#eeeafa;color:#7b68c7}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.notice{padding:14px 18px;background:#eeeafa;border-radius:10px;color:#8274ae;font-size:13px;margin:16px 0}.error{background:#ffeded;color:#b27376}.success{background:#e9f7f0;color:#54987c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.plans{display:flex;gap:12px}.plan{flex:1;border:1px solid #e7e8f1;border-radius:10px;padding:16px}.plan strong{font-size:20px;display:block;margin:10px 0}.plan span{font-size:12px;color:#9a9fb4}.plan button{width:100%}.badge{background:#eeebf9;color:#8e7dbd;padding:6px 11px;border-radius:6px;font-size:12px}.muted{font-size:12px;color:#9ba3b5}footer{text-align:center;color:#b1b6c5;font-size:11px;padding:35px}a{color:#7e67ca}.code{letter-spacing:4px;text-transform:uppercase}.full{width:100%}@media(max-width:600px){.grid{display:block}.plans{display:block}.plan{margin-bottom:12px}section{padding:22px}h1{font-size:26px}}
body.dark{background:#0f1120;color:#f4f3ff}body.dark p,body.dark label,body.dark .muted{color:#aeb4cc}body.dark section{background:#181b30;border-color:#303553;box-shadow:none}body.dark input,body.dark select{background:#111426;color:#f4f3ff;border-color:#303553}body.dark .notice,body.dark .secondary,.theme-button{background:#272149;color:#c9bfff}.theme-button{border:0;padding:7px 10px;color:#fff;font-size:16px}
.download-link{display:inline-block;padding:12px 18px;background:#7460dc;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}code{overflow-wrap:anywhere}#download-login input{margin-bottom:16px}#download-login button{min-height:44px}

.setup-card input,.setup-card select{margin-bottom:16px}.setup-confirm{display:flex;align-items:flex-start;gap:10px;margin:18px 0}.setup-confirm input{flex:0 0 auto;margin-top:4px}.setup-card button{min-height:44px}.setup-card p{overflow-wrap:anywhere}.setup-card.error p{color:inherit}

@media(max-width:600px){header{display:grid;grid-template-columns:32px minmax(0,1fr) 36px 80px;gap:8px;margin:20px auto}header img{width:32px;height:32px}header strong{font-size:18px}.top-link{margin-left:0;font-size:12px}.top-link[href="/about"]{grid-column:2;grid-row:2}.top-link[href="/admin"]{grid-column:3/5;grid-row:2;text-align:right}#theme{grid-column:3;grid-row:1}header #language{grid-column:4;grid-row:1;width:80px;margin:0;padding:8px;font-size:12px}}