:root{color-scheme:light;--ink:#0f3159;--muted:#54657a;--blue:#126abd;--border:#bdcbdc;--surface:#f2f7fc}
*{box-sizing:border-box}
body{margin:0;background:var(--surface);color:var(--ink);font:16px/1.5 "Segoe UI",Arial,sans-serif;min-height:100vh;min-height:100dvh;padding:48px 20px}
.signup{max-width:430px;margin:auto;background:#fff;padding:32px;border-radius:12px;border:1px solid #dce6f0}
.brand{display:inline-flex;align-items:baseline;gap:10px;color:var(--blue);font-size:27px;font-weight:750;letter-spacing:.025em;text-decoration:none;margin-bottom:24px}
.brand span{font-size:17px;font-weight:400;letter-spacing:0;color:var(--muted)}
h1{font-size:29px;line-height:1.2;margin:0 0 12px;font-weight:650}
.intro{color:var(--muted);margin:0 0 26px}
label{display:block;font-weight:600;margin:22px 0 8px}
input{width:100%;min-width:0;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:7px;min-height:52px;padding:12px}
input:focus{outline:2px solid var(--blue);outline-offset:2px}
.address-field,.password-field{display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;background:#fff}
.address-field input,.password-field input{border:0;background:transparent}
.address-field span{flex-shrink:0;padding:0 12px;color:var(--muted)}
.password-field button{font:inherit;font-size:14px;background:none;border:0;color:var(--blue);padding:0 12px;min-height:52px;cursor:pointer}
.hint{font-size:13px;line-height:1.45;color:var(--muted);margin:8px 0 0}
.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:26px 0 0;padding:12px 18px;border:0;border-radius:7px;background:var(--blue);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.primary:hover{background:#0e579b}
a{color:var(--blue);text-underline-offset:3px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.quota{font-size:13px;color:var(--muted);text-align:center;margin:14px 0 24px}
.signin{margin:0;text-align:center;font-size:15px}.signin a{display:inline-flex;align-items:center;min-height:44px;margin-left:4px}
.error{border-left:3px solid #b12a2a;background:#fff1f1;color:#8e2424;padding:12px;margin-bottom:18px;overflow-wrap:anywhere}
.bot-field{display:none}
.created-address{font-size:22px;font-weight:600;overflow-wrap:anywhere}
.phone-settings{margin-top:24px;font-size:14px}.phone-settings summary{min-height:44px;padding:10px 0;cursor:pointer}.phone-settings dt{color:var(--muted);margin-top:12px}.phone-settings dd{margin:2px 0;overflow-wrap:anywhere}
@media(max-width:480px){body{padding:max(26px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#fff}.signup{padding:0;border:0;max-width:400px}.brand{margin-bottom:30px}h1{font-size:28px}.intro{margin-bottom:24px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#e2edff;--muted:#a8b9d0;--blue:#79baff;--border:#425773;--surface:#142139}body{background:var(--surface)}.signup,.address-field,.password-field,input{background:#182a44}.signup{border-color:var(--border)}.primary{background:#247bc5;color:#fff}.primary:hover{background:#1865aa}.error{background:#402b35;color:#ffb6b6;border-color:#f28b8b}@media(max-width:480px){body,.signup{background:var(--surface)}}}