:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:#f0e6ff;background:#100c1c}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px 20px;background:radial-gradient(ellipse at top,#362044,transparent 65%)}main{width:100%;max-width:420px;padding:30px 24px;background:#1c1529;border:1px solid #6b4a80;border-radius:20px;box-shadow:0 16px 64px #0004}.brand{font-size:12px;letter-spacing:.2em;color:#dcb1f7;font-weight:700}h1{font-size:24px;margin:16px 0}.intro{line-height:1.7;color:#ded0e8;margin-bottom:26px}label{display:block;font-size:15px;font-weight:600;margin:20px 0 8px}label small{font-weight:400;color:#cbb7d9}input{width:100%;min-width:0;font-size:16px;color:#fff;background:#110c1d;border:1px solid #8b6a9e;border-radius:10px;padding:14px 12px}.field{display:flex;gap:8px}.field input{flex:1}.field button{flex:none;min-width:56px}button{font:inherit;border:1px solid #896b9d;background:#30213f;color:#fff;border-radius:10px;padding:12px;cursor:pointer;min-height:48px}.primary{background:#9655cc;border-color:#c596e9;width:100%;font-weight:700;margin-top:18px}.primary:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #e8c7ff;outline-offset:3px}.note{font-size:13px;line-height:1.8;color:#c8b7d4;margin-top:20px}#authError{color:#ffd0d9;line-height:1.7;padding:12px;background:#471d33;border-radius:8px;margin:16px 0 0}[hidden]{display:none!important}@media(max-width:380px){main{padding:24px 18px}h1{font-size:22px}}