@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Hanken+Grotesk:wght@400;500;600;700&display=swap";:root,[data-theme=light]{color-scheme:light;--bg: #efe9df;--bg-grad-1: #f5f0e7;--bg-grad-2: #e9e2d6;--surface: #faf7f1;--surface-2: #f0ebe1;--surface-raised: #fffdf8;--text: #211e18;--text-muted: #6c655a;--text-faint: #9c9588;--accent: #5c6a45;--accent-2: #76845a;--accent-hover: #4c5839;--accent-soft: #e6e7d4;--on-accent: #fbf9f3;--gold: #b07d3a;--gold-soft: #f0e3cf;--border: #e3dcce;--border-strong: #d2c9b8;--elev-1: 0 1px 2px rgba(46, 38, 24, .05), 0 1px 3px rgba(46, 38, 24, .04);--elev-2: 0 2px 10px rgba(46, 38, 24, .07), 0 8px 22px rgba(46, 38, 24, .06);--elev-3: 0 16px 40px rgba(46, 38, 24, .16);--rarity-common: #8a8377;--rarity-rare: #4f6d86;--rarity-epic: #7a6593;--rarity-legendary: #b07d3a;--danger: #b1463f;--success: #4f7a4d;--photo-scrim: linear-gradient(180deg, rgba(28, 24, 16, .05) 0%, rgba(28, 24, 16, .12) 38%, rgba(24, 20, 12, .78) 100%);--nav-fab-bg: linear-gradient(155deg, #4a3a2a 0%, #2e251a 100%);--nav-fab-fg: #f7f1e6;--nav-fab-shadow: 0 6px 16px rgba(46, 38, 24, .28), 0 2px 6px rgba(46, 38, 24, .2)}[data-theme=dark]{color-scheme:dark;--bg: #16130d;--bg-grad-1: #1c1812;--bg-grad-2: #110e09;--surface: #211d15;--surface-2: #2a251c;--surface-raised: #262017;--text: #f4efe4;--text-muted: #ada592;--text-faint: #756d5e;--accent: #aebd8a;--accent-2: #c3d0a3;--accent-hover: #c3d0a3;--accent-soft: #2c2f1f;--on-accent: #1a1810;--gold: #d6a460;--gold-soft: #2f2616;--border: #322c20;--border-strong: #423a2b;--elev-1: 0 1px 2px rgba(0, 0, 0, .45);--elev-2: 0 4px 16px rgba(0, 0, 0, .5);--elev-3: 0 16px 40px rgba(0, 0, 0, .62);--rarity-common: #a59d8d;--rarity-rare: #82a0b8;--rarity-epic: #b09ec7;--rarity-legendary: #d6a460;--danger: #e08a83;--success: #8fb98c;--photo-scrim: linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .2) 38%, rgba(0, 0, 0, .82) 100%);--nav-fab-bg: linear-gradient(155deg, #c3d0a3 0%, #93a36f 100%);--nav-fab-fg: #1a1810;--nav-fab-shadow: 0 6px 18px rgba(0, 0, 0, .55), 0 0 0 1px rgba(0, 0, 0, .3)}:root{--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--space-9: 112px;--font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", "Hanken Grotesk", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--maxw: 1120px;--transition: .2s cubic-bezier(.2, 0, 0, 1);--spring: .52s cubic-bezier(.16, 1.1, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}.app-shell{min-height:100dvh;background:radial-gradient(120% 90% at 50% -10%,var(--bg-grad-1) 0%,var(--bg) 55%),var(--bg-grad-2)}.app-frame{width:100%;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top),var(--space-4)) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-6))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 18px;border-radius:var(--radius-pill);font-weight:600;font-size:15px;transition:transform var(--transition),background var(--transition),opacity var(--transition);min-height:48px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-block{width:100%}.btn-danger{background:var(--danger);color:#fff}.text-muted{color:var(--text-muted)}.center{display:grid;place-items:center}.home{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.home-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0 var(--space-5)}.home-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;font-size:28px;letter-spacing:-.01em}.home-head__actions{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:16px;display:grid;place-items:center;transition:background var(--transition),transform var(--transition)}.icon-btn:active{transform:scale(.92)}.icon-btn--vibe{color:var(--accent)}.icon-btn--vibe .vibe-ic{width:19px;height:19px;display:grid;place-items:center}.icon-btn--vibe .vibe-ic svg{width:100%;height:100%;display:block}.icon-btn--bell{position:relative}.icon-btn__badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--surface)}.home-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--border);color:var(--accent);font-family:var(--font-display);font-weight:600;font-size:16px;display:grid;place-items:center;overflow:hidden;padding:0}.home-avatar__img{width:100%;height:100%;object-fit:cover}.home-greet{margin-bottom:0}.home-greet h2{font-family:var(--font-display);font-weight:500;font-size:26px;letter-spacing:-.01em;line-height:1.1}.home-greet p{color:var(--text-muted);margin-top:4px;font-size:15px}.home-content{display:flex;flex-direction:column;gap:var(--space-6)}.profile-sheet{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-2)}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-weight:600;font-size:15px}.profile-row__val{color:var(--text-muted);font-weight:500}.profile-handle{font-family:var(--font-mono);font-size:14px;color:var(--accent);margin:calc(-1 * var(--space-2)) 0 var(--space-2)}.profile-photo{display:flex;align-items:center;gap:var(--space-4)}.profile-photo__actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.profile-photo__remove{background:none;border:none;padding:0;font-size:13px;color:var(--text-muted);text-decoration:underline;cursor:pointer}.profile-photo__error{color:var(--danger, #c0392b);font-size:13px;margin-top:calc(-1 * var(--space-2))}.profile-fieldset{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-1)}.profile-fieldset h3{font-size:18px;font-weight:500;margin-bottom:var(--space-1)}.profile-field{display:flex;flex-direction:column;gap:7px}.profile-field span{font-weight:700;font-size:13px}.profile-field textarea{width:100%;resize:vertical;min-height:68px;max-height:180px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:var(--space-3);font-size:14px;line-height:1.35;outline:none}.profile-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.profile-field small{align-self:flex-end;color:var(--text-faint);font-size:12px}.loading-dot{width:16px;height:16px;border-radius:50%;background:var(--accent);animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.25;transform:scale(.8)}}.ugate{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5);background:radial-gradient(70% 50% at 80% -5%,var(--bg-grad-1) 0%,transparent 60%),radial-gradient(60% 50% at 0% 8%,var(--gold-soft) 0%,transparent 45%),var(--bg)}.ugate__card{width:100%;max-width:420px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--elev-2);padding:var(--space-6)}.ugate__brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:500;font-size:19px;margin-bottom:var(--space-5)}.ugate__title{font-family:var(--font-display);font-weight:500;font-size:30px;letter-spacing:-.01em;margin-bottom:var(--space-2)}.ugate__sub{color:var(--text-muted);font-size:15px;line-height:1.5;margin-bottom:var(--space-5)}.ugate__field{display:flex;align-items:center;gap:4px;padding:4px 14px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition)}.ugate__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ugate__field.status-available{border-color:var(--success)}.ugate__field.status-taken,.ugate__field.status-invalid{border-color:var(--danger)}.ugate__at{font-size:17px;font-weight:600;color:var(--text-faint)}.ugate__field input{flex:1;min-width:0;border:none;background:none;outline:none;padding:14px 0;font-size:17px;font-weight:500;color:var(--text)}.ugate__status{width:22px;text-align:center;font-weight:800}.ugate__field.status-available .ugate__status{color:var(--success)}.ugate__field.status-taken .ugate__status,.ugate__field.status-invalid .ugate__status{color:var(--danger)}.ugate__spin{display:inline-block;width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:ugate-spin .7s linear infinite}@keyframes ugate-spin{to{transform:rotate(360deg)}}.ugate__msg{font-size:13.5px;font-weight:500;margin:var(--space-2) 0 var(--space-4);color:var(--text-muted)}.ugate__msg.status-available{color:var(--success)}.ugate__msg.status-taken,.ugate__msg.status-invalid{color:var(--danger)}.ugate .btn-block{margin-top:var(--space-2)}@media (prefers-reduced-motion: reduce){.ugate__spin{animation:none}}