@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)}}.onboard{min-height:100dvh;display:grid;place-items:start 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)}.onboard__card{width:100%;max-width:480px;margin-top:max(env(safe-area-inset-top),var(--space-6));background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--elev-2);padding:var(--space-6)}.onboard__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.onboard__brand{font-family:var(--font-display);font-weight:500;font-size:19px}.onboard__progress{display:flex;gap:6px}.onboard__dot{display:inline-block;width:18px;height:4px;border-radius:999px;background:var(--border);transition:background var(--transition)}.onboard__dot.is-on{background:var(--accent)}.onboard__step{display:flex;flex-direction:column}.onboard__title{font-family:var(--font-display);font-weight:500;font-size:28px;letter-spacing:-.01em;margin:0 0 var(--space-2)}.onboard__sub{color:var(--text-muted);font-size:15px;line-height:1.5;margin:0 0 var(--space-5)}.onboard__bullets{list-style:none;padding:0;margin:0 0 var(--space-5);display:grid;gap:var(--space-2);color:var(--text)}.onboard__bullets li{position:relative;padding-left:22px;font-size:15px;line-height:1.5}.onboard__bullets li:before{content:"→";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}.onboard__handle{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);margin-bottom:var(--space-2)}.onboard__handle:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.onboard__handle.status-available{border-color:var(--success)}.onboard__handle.status-taken,.onboard__handle.status-invalid{border-color:var(--danger)}.onboard__at{font-size:17px;font-weight:600;color:var(--text-faint)}.onboard__handle input{flex:1;min-width:0;border:none;background:none;outline:none;padding:14px 0;font-size:17px;font-weight:500;color:var(--text)}.onboard__handle-status{width:22px;text-align:center;font-weight:800}.onboard__handle.status-available .onboard__handle-status{color:var(--success)}.onboard__handle.status-taken .onboard__handle-status,.onboard__handle.status-invalid .onboard__handle-status{color:var(--danger)}.onboard__spin{display:inline-block;width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:onboard-spin .7s linear infinite}@keyframes onboard-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.onboard__spin{animation:none}}.onboard__msg{font-size:13.5px;font-weight:500;margin:var(--space-2) 0 var(--space-4);color:var(--text-muted)}.onboard__msg.status-available{color:var(--success)}.onboard__msg.status-taken,.onboard__msg.status-invalid{color:var(--danger)}.onboard__vibes{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.onboard__vibe{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:14px 16px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:left;color:var(--text);cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.onboard__vibe:hover{border-color:var(--accent)}.onboard__vibe:active{transform:scale(.99)}.onboard__vibe.is-chosen{border-color:var(--accent);background:var(--accent-soft)}.onboard__vibe-ico{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--accent);background:var(--surface-raised);border:1px solid var(--border)}.onboard__vibe-ico svg{width:22px;height:22px}.onboard__vibe-text{display:flex;flex-direction:column;gap:2px}.onboard__vibe-label{font-weight:600;font-size:16px}.onboard__vibe-hint{font-size:13.5px;color:var(--text-muted)}.onboard__label{display:block;margin-bottom:var(--space-4);position:relative}.onboard__label>span{display:block;font-size:13.5px;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase}.onboard__label textarea{width:100%;resize:vertical;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font:inherit;color:var(--text);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.onboard__label textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.onboard__count{position:absolute;right:4px;bottom:-18px;font-size:12px;color:var(--text-faint)}.onboard__perm-art{font-size:56px;text-align:center;margin:var(--space-3) 0 var(--space-5);filter:drop-shadow(0 4px 16px color-mix(in srgb,var(--accent) 25%,transparent))}.onboard__avatar-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.onboard__avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--surface-2);border:1.5px solid var(--border);display:grid;place-items:center;flex-shrink:0}.onboard__avatar img{width:100%;height:100%;object-fit:cover}.onboard__avatar-fallback{font-size:32px;color:var(--text-faint);font-weight:300}.onboard__pick{cursor:pointer}.onboard__actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.onboard__primary{flex:1;min-width:140px}.onboard .btn-lg{padding:15px 26px;font-size:16px}.onboard .btn-accent{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 32%,transparent)}.onboard .btn-accent:hover:not(:disabled){filter:brightness(1.05)}.onboard .btn-outline{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.onboard .btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}@media (max-width: 420px){.onboard{padding:var(--space-3)}.onboard__card{padding:var(--space-5)}.onboard__title{font-size:24px}.onboard__actions{flex-direction:column-reverse}.onboard__actions .btn{width:100%}}