@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&display=swap";:root{--ink:#1d2b28;--ink-soft:#4b5a55;--muted:#8a968f;--bg:#f1f4f0;--surface:#fff;--line:#e3e8e2;--jade:#2f6f5e;--jade-d:#235447;--jade-soft:#e4efe9;--clay:#c2673c;--amber:#bf8a1e;--rose:#bd4731;--blue:#3f6f8f;--font-body:"Inter",system-ui,sans-serif;--font-disp:"Bricolage Grotesque",sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.45}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,#e4efe9 0%,var(--bg) 60%)}.gate-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px 30px;box-shadow:0 18px 44px #1d2b2817}.gate-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.gate-mark{width:42px;height:42px;border-radius:12px;background:var(--jade);color:#fff;display:grid;place-items:center;flex-shrink:0}.gate-name{font-family:var(--font-disp);font-weight:800;font-size:21px;letter-spacing:-.02em}.gate-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.gate h1{font-family:var(--font-disp);font-size:19px;margin:0 0 5px;letter-spacing:-.01em}.gate p.gate-lead{margin:0 0 22px;font-size:13.5px;color:var(--ink-soft);line-height:1.6}.gate-field{margin-bottom:15px}.gate-field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.gate-field input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;color:var(--ink);background:#fbfcfb;transition:.15s}.gate-field input:focus{outline:none;border-color:var(--jade);background:#fff;box-shadow:0 0 0 3px #2f6f5e1f}.gate-btn{width:100%;padding:12px;border:none;border-radius:10px;background:var(--jade);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:center;gap:8px}.gate-btn:hover:not(:disabled){background:var(--jade-d)}.gate-btn:disabled{opacity:.6;cursor:not-allowed}.gate-err{background:#fbeae7;border:1px solid #edc7bf;color:#8f3121;padding:10px 13px;border-radius:10px;font-size:13px;margin-bottom:16px;line-height:1.55;display:flex;gap:8px;align-items:flex-start}.gate-err svg{flex-shrink:0;margin-top:1px}.gate-note{background:#fdf6ec;border:1px solid #f0dcab;color:#7a5c10;padding:10px 13px;border-radius:10px;font-size:12.5px;margin-bottom:16px;line-height:1.6}.gate-foot{margin-top:20px;text-align:center;font-size:12px;color:var(--muted)}.gate-hint{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.syncbar{display:flex;align-items:center;gap:7px;font-size:11.5px;padding:7px 10px;border-radius:9px;background:#ffffff12;color:#b9c6c1;margin-bottom:8px}.syncbar.err{background:#bd473138;color:#ffd9d1}.syncbar.off{background:#bf8a1e38;color:#f6e3b8}.syncbar svg{flex-shrink:0}.userbox{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:auto}.userbox-row{display:flex;align-items:center;gap:9px;padding:2px 4px 10px}.userbox-av{width:30px;height:30px;border-radius:9px;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.userbox-name{font-size:13px;font-weight:600;color:#fff;line-height:1.3}.userbox-role{font-size:11px;color:#8fa39c}.userbox-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#b9c6c1;font-size:12.5px;font-family:inherit;cursor:pointer;text-align:left;transition:.15s}.userbox-btn:hover{background:#ffffff12;color:#fff}