.username-gate-overlay{position:fixed;inset:0;background:#09090bf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4);animation:usernameGateFadeIn .3s ease-out}@keyframes usernameGateFadeIn{0%{opacity:0}to{opacity:1}}.username-gate-modal{position:relative;width:100%;max-width:440px;background:linear-gradient(165deg,#111113fa,#09090bfa);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:var(--space-8);box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0a inset;animation:usernameGateSlideIn .3s ease-out}.username-gate-modal:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(59,103,255,.4),transparent)}@keyframes usernameGateSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.username-gate-header{text-align:center;margin-bottom:var(--space-6)}.username-gate-logo{width:56px;height:auto;margin:0 auto var(--space-4);display:block;filter:drop-shadow(0 4px 16px rgba(59,103,255,.3))}.username-gate-title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2);letter-spacing:-.01em}.username-gate-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.username-gate-form{display:flex;flex-direction:column;gap:var(--space-4)}.username-gate-input-group{display:flex;flex-direction:column;gap:6px}.username-gate-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.username-gate-input{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--color-text);font-size:var(--text-base);font-family:inherit;transition:border-color .2s,background .2s}.username-gate-input:focus{outline:none;border-color:var(--color-primary);background:#3b67ff14}.username-gate-input:disabled{opacity:.5;cursor:not-allowed}.username-gate-error{font-size:var(--text-xs);color:var(--color-error)}.username-gate-available{font-size:var(--text-xs);color:var(--color-success)}.username-gate-hint{font-size:var(--text-xs);color:var(--color-text-dim);text-align:center;margin:0;line-height:1.5}.username-gate-btn{width:100%;padding:12px 20px;border:none;border-radius:10px;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.username-gate-btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #3b67ff40}.username-gate-btn-primary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 6px 20px #3b67ff59}.username-gate-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.username-gate-skip{display:block;width:100%;margin-top:16px;padding:10px 0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--color-text, #fff);font-size:var(--text-sm, 14px);font-family:inherit;font-weight:500;text-align:center;cursor:pointer;border-radius:10px;transition:background .15s ease,border-color .15s ease}.username-gate-skip:hover{background:#ffffff14;border-color:#ffffff24}.username-gate-escape{display:block;width:100%;margin-top:14px;padding:6px 0;background:none;border:none;color:var(--color-text-secondary, #9ca3af);font-size:var(--text-xs, 13px);font-family:inherit;text-align:center;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.username-gate-escape:hover{color:var(--color-text, #fff)}.profile-setup-overlay{position:fixed;inset:0;background:#09090bb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2100;padding:var(--space-4);animation:profileSetupFadeIn .3s ease-out}@keyframes profileSetupFadeIn{0%{opacity:0}to{opacity:1}}.profile-setup-modal{position:relative;width:100%;max-width:400px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-8);box-shadow:0 24px 80px #00000080;animation:profileSetupSlideIn .3s ease-out}@keyframes profileSetupSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-setup-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.profile-setup-close:hover{background:#ffffff14;color:var(--color-text)}.profile-setup-header{text-align:center;margin-bottom:var(--space-6)}.profile-setup-header h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2)}.profile-setup-header p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.profile-setup-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.profile-setup-dropzone{width:140px;height:140px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px dashed rgba(255,255,255,.15);transition:all .2s;display:flex;align-items:center;justify-content:center;background:#ffffff05}.profile-setup-dropzone:hover,.profile-setup-dropzone.dragging{border-color:var(--color-primary);background:#3b67ff14}.profile-setup-dropzone.has-preview{border-style:solid;border-color:var(--color-primary)}.profile-setup-dropzone-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-setup-dropzone-inner img{width:100%;height:100%;object-fit:cover}.profile-setup-placeholder{position:relative;display:flex;align-items:center;justify-content:center;color:#fff3}.profile-setup-camera{position:absolute;bottom:-4px;right:-4px;color:var(--color-primary)}.profile-setup-drop-hint{font-size:var(--text-xs);color:var(--color-text-dim);margin:0}.profile-setup-actions{display:flex;flex-direction:column;gap:10px}.profile-setup-btn{width:100%;padding:12px 20px;border-radius:10px;font-size:var(--text-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:inherit;border:none}.profile-setup-btn.primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #3b67ff40}.profile-setup-btn.primary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 6px 20px #3b67ff59}.profile-setup-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-setup-btn.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.profile-setup-btn.secondary:hover{background:#ffffff0d;color:var(--color-text)}.profile-setup-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-access-overlay{position:fixed;inset:0;z-index:2000;background:#09090bbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:noAccessFadeIn .2s ease}@keyframes noAccessFadeIn{0%{opacity:0}to{opacity:1}}.no-access-modal{position:relative;width:100%;max-width:440px;background:linear-gradient(165deg,#111113,#09090b);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #00000080;animation:noAccessSlideUp .3s ease}@keyframes noAccessSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.no-access-close{position:absolute;top:12px;right:12px;z-index:2;background:#ffffff14;border:none;border-radius:50%;color:#fff9;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.no-access-close:hover{background:#ffffff26;color:var(--color-text)}.no-access-hero{width:100%;height:160px;background:radial-gradient(ellipse 400px 200px at 30% 40%,rgba(59,103,255,.35),transparent 60%),radial-gradient(ellipse 300px 160px at 80% 60%,rgba(102,142,255,.25),transparent 60%),linear-gradient(135deg,#0d0d10,#111116);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.no-access-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 20% 30%,rgba(59,103,255,.4),transparent),radial-gradient(2px 2px at 60% 20%,rgba(102,142,255,.3),transparent),radial-gradient(1px 1px at 80% 60%,rgba(59,103,255,.25),transparent),radial-gradient(1px 1px at 40% 70%,rgba(102,142,255,.2),transparent);pointer-events:none}.no-access-hero img{width:72px;height:72px;z-index:1;filter:drop-shadow(0 8px 24px rgba(59,103,255,.4))}.no-access-content{padding:var(--space-6);text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}.no-access-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0}.no-access-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.no-access-close-btn{background:none;border:none;color:var(--color-text-dim);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2);transition:color .2s ease;font-family:inherit}.no-access-close-btn:hover{color:var(--color-text-secondary)}@media(max-width:480px){.no-access-hero{height:120px}.no-access-content{padding:var(--space-4)}}:root{--color-bg: #09090b;--color-bg-secondary: #111113;--color-bg-tertiary: #18181b;--color-bg-elevated: #1a1a1e;--color-bg-hover: #222226;--color-primary: #3b67ff;--color-primary-light: #668eff;--color-primary-dark: #2a4fd4;--color-primary-muted: rgba(59, 103, 255, .15);--color-accent-purple: #a83bff;--color-accent-pink: #ff3b7a;--color-accent-cyan: #3bdfff;--color-accent-violet: #b98eff;--color-tier-pre: #9ca3af;--color-tier-alpha: #f97316;--color-tier-beta: #a855f7;--color-tier-early: #e05252;--color-text: #ffffff;--color-text-secondary: #d4d4d8;--color-text-muted: #a1a1aa;--color-text-dim: #71717a;--color-border: #27272a;--color-border-light: #3f3f46;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-hero: clamp(2.5rem, 5vw, 4rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 103, 255, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ease-snappy: cubic-bezier(.22, 1, .36, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-toast: 1100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}.layout-root{display:flex;flex-direction:column;min-height:100vh}.layout-main{flex:1;padding-top:5rem}.layout-main--immersive{padding-top:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-light)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4) 0;transition:background var(--transition-slow),backdrop-filter var(--transition-slow),padding var(--transition-slow);background:transparent;border-bottom:1px solid transparent}.navbar-scrolled{background:#0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);padding:var(--space-3) 0}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;height:44px}.brand-icon{flex-shrink:0;transition:transform var(--transition-base)}.brand-icon .icon-group,.brand-icon .tav-mug,.brand-icon .tav-liquid,.brand-icon .tav-liquid-wipe,.brand-icon .tav-b1,.brand-icon .tav-b2,.brand-icon .tav-b3,.brand-icon .tav-dot1,.brand-icon .tav-dot2,.brand-icon .tav-dot3{transform-box:fill-box;transform-origin:center}.navbar-logo--hovered .icon-group{animation:tav5-wobble-group .8s cubic-bezier(.22,1,.36,1)}.navbar-logo--hovered .tav-liquid-wipe{animation:tav5-wipe-over-once .8s cubic-bezier(.22,1,.36,1) both}.navbar-logo--hovered .tav-b1{animation:tav4-pop .5s cubic-bezier(.22,1,.36,1) both,tav5-color-bubble-once .8s cubic-bezier(.22,1,.36,1) both}.navbar-logo--hovered .tav-b2{animation:tav4-pop .5s cubic-bezier(.22,1,.36,1) .12s both,tav5-color-bubble-once .8s cubic-bezier(.22,1,.36,1) both}.navbar-logo--hovered .tav-b3{animation:tav4-pop .5s cubic-bezier(.22,1,.36,1) .24s both,tav5-color-bubble-once .8s cubic-bezier(.22,1,.36,1) both}.navbar-logo--hovered .tav-dot1{animation:tav-dot-wave-once .8s cubic-bezier(.22,1,.36,1) both,tav5-dot-color-once .8s cubic-bezier(.22,1,.36,1) both}.navbar-logo--hovered .tav-dot2{animation:tav-dot-wave-once .8s cubic-bezier(.22,1,.36,1) .1s both,tav5-dot-color-once .8s cubic-bezier(.22,1,.36,1) .1s both}.navbar-logo--hovered .tav-dot3{animation:tav-dot-wave-once .8s cubic-bezier(.22,1,.36,1) .2s both,tav5-dot-color-once .8s cubic-bezier(.22,1,.36,1) .2s both}@keyframes tav5-wobble-group{0%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(1.5deg)}to{transform:rotate(0)}}@keyframes tav5-wipe-over-once{0%{fill:#a83bff;clip-path:inset(0 100% 0 0)}45%{fill:#a83bff;clip-path:inset(0 0 0 0)}55%{fill:#a83bff;clip-path:inset(0 0 0 0)}to{fill:#a83bff;clip-path:inset(0 0 0 100%)}}@keyframes tav5-color-bubble-once{0%{fill:#668eff}25%{fill:#b98eff}50%{fill:#ff8ea8}75%{fill:#8edfff}to{fill:#668eff}}@keyframes tav5-dot-color-once{0%,to{fill:#09090b}25%{fill:#a83bff}50%{fill:#ff3b7a}75%{fill:#3bdfff}}@keyframes tav4-pop{0%{transform:scale(1)}15%{transform:scale(1.4)}30%{transform:scale(.8)}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes tav-dot-wave-once{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-25px) scale(1.15)}60%{transform:translateY(6px) scale(.9)}to{transform:translateY(0) scale(1)}}.logo-text{height:26px;width:175px;overflow:hidden;transition:width .35s steps(8);transition-delay:0ms}.logo-text--scrolled{width:82px;transition-delay:.12s}.logo-letter{transform-box:fill-box;transform-origin:center;opacity:1;transform:scale(1);transition:opacity .25s steps(5),transform .25s steps(5)}.logo-letter--e{transition-delay:.2s}.logo-letter--r{transition-delay:.16s}.logo-letter--n{transition-delay:.12s}.logo-letter--s{transition-delay:.08s}.logo-letter--exit{opacity:0;transform:scale(.15)}.logo-letter--e.logo-letter--exit{transition-delay:0ms}.logo-letter--r.logo-letter--exit{transition-delay:.04s}.logo-letter--n.logo-letter--exit{transition-delay:.08s}.logo-letter--s.logo-letter--exit{transition-delay:.12s}.logo-gg{transform-box:fill-box;transform-origin:center}.logo-gg-dot,.logo-gg-g1,.logo-gg-g2{transform-box:fill-box;transform-origin:center;opacity:0;transform:scale(.15);transition:opacity .25s steps(5),transform .25s steps(5);transition-delay:0ms}.logo-gg--enter .logo-gg-dot{opacity:1;transform:scale(1);transition-delay:.18s}.logo-gg--enter .logo-gg-g1{opacity:1;transform:scale(1);transition-delay:.24s}.logo-gg--enter .logo-gg-g2{opacity:1;transform:scale(1);transition-delay:.3s}.navbar-right{display:flex;align-items:center;gap:var(--space-6)}.nav-links{display:flex;align-items:center;gap:var(--space-5)}.nav-link{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast);text-decoration:none}.nav-link:hover{color:var(--color-text)}.nav-auth{display:flex;align-items:center;gap:var(--space-4)}.nav-signin-link{background:none;border:none;padding:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.nav-signin-link:hover{color:var(--color-text)}.nav-auth-divider{width:1px;height:18px;background:var(--color-border)}.nav-signup-cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary-light, var(--color-primary)) 0%,var(--color-primary) 100%);border:none;border-radius:var(--radius-full, 999px);box-shadow:0 4px 14px #3b67ff40;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-signup-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b67ff66}.nav-signup-cta:active{transform:translateY(0)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-full);transition:background var(--transition-fast)}.user-menu-trigger:hover{background:transparent}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}.user-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-primary-muted);color:var(--color-primary);font-weight:600;font-size:var(--text-sm)}.user-menu-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.user-menu-chevron-open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:dropdown-in .15s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:var(--space-3) var(--space-4)}.user-dropdown-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.user-dropdown-tag{display:inline-block;font-size:10px;font-weight:600;color:var(--color-primary);background:var(--color-primary-muted);padding:2px 8px;border-radius:var(--radius-full);margin-top:4px;letter-spacing:.02em}.user-dropdown-tag[data-level=PRE_REGISTERED]{color:#9ca3af;background:#9ca3af26}.user-dropdown-tag[data-level=ALPHA]{color:#f97316;background:#f9731626}.user-dropdown-tag[data-level=BETA]{color:#a855f7;background:#a855f726}@keyframes rainbowShift{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes earlyAccessGlow{0%,to{box-shadow:0 0 6px #ff6b6b80,0 0 12px #ff6b6b33}33%{box-shadow:0 0 6px #74c0fc80,0 0 12px #74c0fc33}66%{box-shadow:0 0 6px #b197fc80,0 0 12px #b197fc33}}.user-dropdown-tag[data-level=EARLY_ACCESS]{position:relative;background:linear-gradient(90deg,#e05252,#d98a3a,#c9b344,#4db86a,#5a9fe0,#9070d6,#e05252);background-size:200% 100%;animation:rainbowShift 3s linear infinite,earlyAccessGlow 4s ease-in-out infinite;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);font-weight:800}.user-dropdown-tag[data-level=RELEASE]{display:none}.user-dropdown-divider{height:1px;background:var(--color-border)}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:left}.user-dropdown-item:hover{background:var(--color-bg-elevated);color:var(--color-text)}.user-dropdown-item-danger:hover{background:#ef44441a;color:var(--color-error)}.footer{position:relative;z-index:10;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8);margin-top:auto}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-logo{width:60px;height:auto}.footer-tagline{color:var(--color-text-muted);font-size:var(--text-sm)}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.footer-links-heading{color:var(--color-text);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.footer-nav-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(162px,1fr));gap:var(--space-6) var(--space-5);justify-items:start;flex:1 1 auto;max-width:840px}.footer-link{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--color-text)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.footer-bottom p{color:var(--color-text-dim);font-size:var(--text-xs)}.skeleton{background:linear-gradient(90deg,var(--color-bg-hover) 25%,var(--color-bg-elevated) 50%,var(--color-bg-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loader{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spin{animation:spin .8s linear infinite}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:var(--space-8)}.error-boundary-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.error-boundary-icon{margin-bottom:var(--space-6)}.error-boundary-dev{margin:0 0 var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 6px);color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);text-align:left;white-space:pre-wrap;word-break:break-word;max-width:100%}.error-boundary-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.error-boundary-message{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8)}@media(max-width:1080px){.nav-links{display:none}}@media(max-width:640px){.container{padding:0 var(--space-4)}.layout-main{padding-top:4rem}.logo-text{width:82px;height:21px}.navbar-logo{gap:var(--space-2)}.navbar-right,.nav-auth{gap:var(--space-3)}.footer-top{flex-direction:column;gap:var(--space-6)}.footer-nav-groups{max-width:none;width:100%}}@media(max-width:440px){.nav-signin-link,.nav-auth-divider{display:none}.nav-signup-cta{padding-inline:var(--space-4)}}.auth-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlay-in .2s ease-out;padding:var(--space-4)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;z-index:var(--z-modal);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8);animation:modal-in .25s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-modal-close:hover{background:var(--color-bg-elevated);color:var(--color-text)}.auth-modal-overlay .auth-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-6);padding:0}.auth-modal-overlay .auth-modal-logo{width:184px;height:auto;margin:0 auto var(--space-3);filter:none}.auth-modal-overlay .auth-modal-header h2,.auth-modal-overlay .auth-modal-title{margin:0;font-family:inherit;font-size:var(--text-lg);font-weight:600;color:var(--color-text);text-align:center}.auth-modal-overlay .auth-modal-header--desktop{align-items:flex-start;text-align:left}.auth-modal-overlay .auth-modal-header--desktop .auth-modal-logo{width:240px;margin-left:0;margin-right:auto}.auth-modal-overlay .auth-modal-header--desktop .auth-modal-title,.auth-modal-overlay .auth-modal-header--desktop h2{text-align:left}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.auth-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.auth-input::placeholder{color:var(--color-text-dim)}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.auth-input-error{border-color:var(--color-error)}.auth-input-error:focus{box-shadow:0 0 0 3px #ef444426}.auth-error{font-size:var(--text-xs);color:var(--color-error)}.auth-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-primary{background:var(--color-primary);color:#fff}.auth-btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-glow)}.auth-btn-ghost{background:transparent;color:var(--color-text-muted)}.auth-btn-ghost:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text)}.auth-btn-loading{position:relative;color:transparent}.auth-btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.auth-forgot-link{align-self:flex-end;font-size:var(--text-xs);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);margin-top:calc(var(--space-2) * -1)}.auth-forgot-link:hover{color:var(--color-primary)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-2) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:var(--text-xs);color:var(--color-text-dim);white-space:nowrap}.auth-social-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.auth-social-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-social-google{background:#fff}.auth-social-google:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.auth-social-facebook{background:#1877f2;color:#fff;border-color:#1877f2}.auth-social-facebook:hover:not(:disabled){background:#166fe5;border-color:#1466d3}.auth-social-x{background:#1a1a1e;color:#fff;border-color:#3f3f46}.auth-social-x:hover:not(:disabled){background:#27272a;border-color:#52525b}.auth-social-apple{background:#000;color:#fff;border-color:#1a1a1e}.auth-social-apple:hover:not(:disabled){background:#1a1a1e;border-color:#27272a}.auth-switch{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-switch button{color:var(--color-primary);font-weight:500;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.auth-switch button:hover{color:var(--color-primary-light)}.auth-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer}.auth-checkbox input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--color-primary);flex-shrink:0}.auth-checkbox a{color:var(--color-primary);text-decoration:none}.auth-checkbox a:hover{text-decoration:underline}.auth-description{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;line-height:1.5}.auth-modal-overlay .auth-qr-entry,.auth-modal-overlay .auth-qr-back{gap:var(--space-2)}.auth-modal-overlay .auth-qr-back{margin-top:var(--space-2)}.auth-modal-overlay .auth-qr-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-2) 0 0}.auth-modal-overlay .auth-qr-code-wrap{position:relative;width:208px;height:208px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-modal-overlay .auth-qr-code-wrap svg{display:block;width:184px;height:184px}.auth-modal-overlay .auth-qr-back svg{width:16px;height:16px;flex-shrink:0}.auth-modal-overlay .auth-qr-skeleton{width:184px;height:184px;border-radius:var(--radius-md);background:linear-gradient(110deg,#e4e4e7 8%,#f4f4f5 18%,#e4e4e7 33%);background-size:200% 100%;animation:auth-qr-shimmer 1.4s linear infinite}@keyframes auth-qr-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.auth-modal-overlay .auth-qr-overlay{position:absolute;inset:0;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;animation:overlay-in .15s ease-out}.auth-modal-overlay .auth-qr-overlay--approving{background:#3b67ffd1}.auth-modal-overlay .auth-qr-overlay--approved{background:#22c55ed9}.auth-modal-overlay .auth-qr-overlay--denied{background:#ef4444d9}.auth-modal-overlay .auth-qr-overlay--expired{background:#14171ed9}.auth-modal-overlay .auth-qr-overlay-label{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#0003;color:#fff;font-size:var(--text-sm);font-weight:600}.auth-modal-overlay .auth-qr-title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.auth-modal-overlay .auth-qr-hint{margin:0;max-width:300px;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted)}.auth-modal-overlay .auth-qr-hint strong{color:var(--color-primary);font-weight:600}.auth-modal-overlay .auth-qr-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-size:var(--text-sm)}.auth-modal-overlay .auth-qr-retry{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.auth-modal-overlay .auth-qr-retry:hover{border-color:var(--color-primary);color:var(--color-primary)}.auth-modal.auth-modal--login-qr{max-width:760px}.auth-modal-overlay .auth-login-layout{display:contents}.auth-modal-overlay .auth-modal--login-qr .auth-login-layout{display:flex;gap:var(--space-6);align-items:stretch}.auth-modal-overlay .auth-modal--login-qr .auth-login-form{flex:1;min-width:0}.auth-modal-overlay .auth-qr-aside{width:256px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-left:var(--space-6);border-left:1px solid var(--color-border)}@media(max-width:480px){.auth-modal{padding:var(--space-6);max-width:100%;margin:var(--space-4);border-radius:var(--radius-lg)}.auth-modal-overlay .auth-modal-logo{width:160px}}.hex-avatar{position:relative;flex-shrink:0;cursor:pointer}.hex-avatar__content{position:absolute;left:6.8%;top:6.31%;width:86.4%;height:87.37%;overflow:hidden;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76.23 83.03'%3E%3Cpath fill='white' d='M33.6,1.17L4.74,17.29c-2.93,1.64-4.74,4.73-4.74,8.08v32.05c0,3.33,1.79,6.41,4.69,8.05l28.86,16.35c2.83,1.6,6.3,1.6,9.13,0l28.86-16.35c2.9-1.64,4.69-4.72,4.69-8.05V25.37c0-3.36-1.82-6.45-4.74-8.08L42.63,1.17c-2.8-1.57-6.22-1.57-9.03,0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76.23 83.03'%3E%3Cpath fill='white' d='M33.6,1.17L4.74,17.29c-2.93,1.64-4.74,4.73-4.74,8.08v32.05c0,3.33,1.79,6.41,4.69,8.05l28.86,16.35c2.83,1.6,6.3,1.6,9.13,0l28.86-16.35c2.9-1.64,4.69-4.72,4.69-8.05V25.37c0-3.36-1.82-6.45-4.74-8.08L42.63,1.17c-2.8-1.57-6.22-1.57-9.03,0Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hex-avatar__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block;pointer-events:none}.hex-avatar__border{fill:none;stroke:#b4b9c380;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1),stroke .25s ease}.hex-avatar .hex-avatar__border{stroke-dashoffset:0!important;stroke:#b4b9c359}.hex-avatar:hover .hex-avatar__border{stroke:#b4b9c380;transition:stroke .25s ease}@keyframes hex-rainbow-stroke{0%{stroke:#f04}15%{stroke:#f60}30%{stroke:#fc0}45%{stroke:#0f4}60%{stroke:#0cf}75%{stroke:#64f}90%{stroke:#c4f}to{stroke:#fff}}.hex-avatar.hex-active .hex-avatar__border{stroke-dashoffset:0!important;animation:hex-rainbow-stroke .8s linear forwards;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}@keyframes hex-bounce{0%,to{transform:translateY(0) scaleX(1) scaleY(1)}15%{transform:translateY(-6px) scaleX(.97) scaleY(1.03)}30%{transform:translateY(0) scaleX(1.06) scaleY(.94)}45%{transform:translateY(-3px) scaleX(.98) scaleY(1.02)}60%{transform:translateY(0) scaleX(1.03) scaleY(.97)}75%{transform:translateY(-2px) scaleX(.99) scaleY(1.01)}90%{transform:translateY(0) scaleX(1) scaleY(1)}}.hex-avatar:not(.hex-active):hover{animation:hex-bounce .9s cubic-bezier(.22,1,.36,1) 1}@keyframes hex-jelly{0%,to{transform:scaleX(1) scaleY(1)}20%{transform:scaleX(1.18) scaleY(.82)}40%{transform:scaleX(.86) scaleY(1.14)}55%{transform:scaleX(1.1) scaleY(.9)}70%{transform:scaleX(.94) scaleY(1.06)}85%{transform:scaleX(1.03) scaleY(.97)}}.hex-avatar.hex-active:hover{animation:hex-jelly .9s cubic-bezier(.22,1,.36,1) 1}.hex-avatar:focus-visible{outline:none}.hex-avatar:focus-visible .hex-avatar__border{stroke-dashoffset:0!important;stroke:#4dd8d8b3}.hex-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.hex-avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3b67ff;color:#fff;font-weight:700;font-size:18px;font-family:inherit}.hex-avatar__gif-wrap{position:relative;width:100%;height:100%}.hex-avatar__canvas{width:100%;height:100%;object-fit:cover;display:block}.hex-avatar__canvas.hidden{visibility:hidden}.hex-avatar__gif-anim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .1s ease}.section-heading{font-size:var(--text-3xl);font-weight:700;text-align:center;margin-bottom:var(--space-12);color:var(--color-text)}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(59,103,255,.12) 0%,transparent 70%);pointer-events:none}.tav-checkbox-label{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.tav-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--color-border-light);border-radius:4px;background:var(--color-bg-secondary);cursor:pointer;flex-shrink:0;position:relative;transition:all .15s}.tav-checkbox:hover{border-color:var(--color-primary)}.tav-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.tav-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.tav-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bot-media-field{display:flex;flex-direction:column;gap:6px}.bot-media-label{font-size:var(--text-sm);color:var(--color-text-muted);display:block}.bot-media-preview{border:2px dashed var(--color-border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s;background-size:cover;background-position:center;background-color:var(--color-bg-hover)}.bot-media-preview:hover{border-color:var(--color-primary)}.bot-media-preview--square{width:72px;height:72px;border-radius:14px}.bot-media-preview--wide{width:100%;max-width:480px;aspect-ratio:12 / 5;border-radius:10px;background:#000}.bot-media-preview--uploading{border-style:solid;border-color:var(--color-primary);background:#3b67ff0f;cursor:default;animation:bot-media-pulse 1.5s ease-in-out infinite}@keyframes bot-media-pulse{0%,to{border-color:var(--color-primary)}50%{border-color:#3b67ff4d}}.bot-media-upload-indicator{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-primary);font-size:var(--text-xs);font-weight:500}.bot-media-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-dim);font-size:var(--text-xs)}.bot-media-actions{display:flex;flex-wrap:wrap;gap:6px}.bot-media-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.bot-media-btn:hover:not(:disabled){border-color:var(--color-border-light);background:var(--color-bg-elevated)}.bot-media-btn:disabled{opacity:.5;cursor:not-allowed}.bot-media-btn--danger{color:var(--color-error);border-color:#ef44444d}.bot-media-btn--danger:hover:not(:disabled){background:#ef444414;border-color:var(--color-error)}.image-crop-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);animation:cropFadeIn .2s ease-out}@keyframes cropFadeIn{0%{opacity:0}to{opacity:1}}.image-crop-modal{width:90%;max-width:480px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #0009;animation:cropSlideIn .25s ease-out}@keyframes cropSlideIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.image-crop-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border)}.image-crop-header h3{margin:0;font-size:var(--text-base);font-weight:600;color:var(--color-text)}.image-crop-close{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.image-crop-close:hover{background:var(--color-bg-hover);color:var(--color-text)}.image-crop-container{position:relative;width:100%;height:340px;background:#0a0a0a}.image-crop-controls{display:flex;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--color-border)}.image-crop-zoom-icon{color:var(--color-text-dim);flex-shrink:0}.image-crop-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-bg-hover);border-radius:2px;outline:none}.image-crop-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid rgba(0,0,0,.3);box-shadow:0 1px 4px #0000004d}.image-crop-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid rgba(0,0,0,.3);box-shadow:0 1px 4px #0000004d}.image-crop-actions{display:flex;gap:8px;padding:0 20px 16px}.image-crop-btn{flex:1;padding:9px 16px;border-radius:8px;font-size:var(--text-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.image-crop-btn--primary{background:var(--color-primary);color:#fff;border:none}.image-crop-btn--primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-glow)}.image-crop-btn--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.image-crop-btn--secondary:hover{background:var(--color-bg-elevated);color:var(--color-text)}@media(max-width:480px){.image-crop-container{height:280px}.image-crop-modal{max-width:95%}}.page-home{padding-top:0}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--space-24);padding-bottom:var(--space-24)}.hero-title{font-size:var(--text-hero);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-6);color:var(--color-text)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:560px;line-height:1.6;margin-bottom:var(--space-10)}.hero-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.features-section{padding:var(--space-24) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-primary-muted);color:var(--color-primary);margin-bottom:var(--space-5)}.feature-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.feature-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.cta-section{padding:var(--space-24) 0;border-top:1px solid var(--color-border)}.cta-content{display:flex;flex-direction:column;align-items:center;text-align:center}.cta-heading{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text)}.cta-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-10)}.page-download{padding-top:0}.download-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:80vh;overflow:hidden}.download-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--space-24);padding-bottom:var(--space-24)}.download-title{font-size:var(--text-hero);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-4);color:var(--color-text)}.download-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:480px;line-height:1.6;margin-bottom:var(--space-10)}.download-btn{font-size:var(--text-lg)!important;padding:var(--space-5) var(--space-12)!important}.download-started{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-success);font-size:var(--text-sm)}.download-other-platforms{margin-top:var(--space-8);font-size:var(--text-sm);color:var(--color-text-dim)}.download-platform-link{background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.download-platform-link:hover{color:var(--color-primary-light)}.page-account{padding-top:0;padding-bottom:var(--space-16);min-height:80vh}.account-hero{position:relative;text-align:center;padding:140px var(--space-6) var(--space-10);margin-top:-5rem;overflow:hidden}.account-hero:before{content:"";position:absolute;inset:0;background:url(/images/tav-gg-bg.webp) center / cover no-repeat;opacity:.3}.account-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,var(--color-bg, #09090b) 100%)}.account-hero-title{position:relative;z-index:1;font-size:var(--text-4xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.account-hero-subtitle{position:relative;z-index:1;font-size:var(--text-lg);color:var(--color-text-secondary)}.account-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.account-title{display:none}.account-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border);position:sticky;top:60px;z-index:10;background:var(--color-bg, #09090b);padding-top:var(--space-3)}@media(max-width:768px){.account-hero{padding:100px var(--space-4) var(--space-8)}.account-hero-title{font-size:var(--text-2xl)}.account-tabs{justify-content:center;gap:var(--space-1);padding:var(--space-4) var(--space-4);margin:0 calc(var(--space-4) * -1);margin-bottom:var(--space-6);background:var(--color-bg, #09090b);transition:background .3s ease}.account-tabs.stuck{background:#050a12f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-tab span{display:none}.account-tab{flex:1;justify-content:center;padding:var(--space-3)}}.account-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.account-tab:hover{color:var(--color-text)}.account-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.account-panel{max-width:600px;min-height:calc(100vh - 200px)}.account-panel-wide{max-width:800px}.account-banner-section{position:relative;width:100%;height:180px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;margin-bottom:var(--space-6);border:2px solid var(--color-border);transition:border-color var(--transition-fast)}.account-banner-section:hover{border-color:var(--color-border-light)}.account-banner-drag{border-color:var(--color-primary)!important}.account-banner-img{width:100%;height:100%;object-fit:cover;display:block}.account-banner-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-bg-secondary);color:var(--color-text-dim);font-size:var(--text-sm)}.account-banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0009;color:#fff;font-size:var(--text-sm);font-weight:500;transition:opacity var(--transition-fast);pointer-events:none}.account-banner-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009}.account-media-gif-btn{position:absolute;top:8px;left:8px;background:#3b67ffcc;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;z-index:2;transition:opacity var(--transition-fast)}.account-media-gif-btn:hover{background:#3b67ff}.account-media-remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#000000b3;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:#fff;padding:0;transition:opacity var(--transition-fast)}.account-media-remove-btn:hover{background:#ef4444cc}.account-avatar-section{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8)}.account-avatar-wrapper{position:relative;width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;cursor:pointer;flex-shrink:0;border:2px solid transparent;transition:border-color var(--transition-fast)}.account-avatar-drag{border-color:var(--color-primary)}.account-avatar-actions{display:flex;gap:var(--space-2)}.account-gif-btn{background:#3b67ff26!important;color:var(--color-primary)!important;font-weight:600!important}.account-avatar{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.account-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-primary-muted);color:var(--color-primary);font-weight:700;font-size:var(--text-2xl)}.account-avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-full)}.account-avatar-wrapper:hover .account-avatar-overlay{opacity:1}.account-avatar-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:var(--radius-full)}.account-prisma-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-8)}.account-prisma-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-2)}.account-prisma-label svg{color:var(--color-primary)}.account-prisma-amount{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);line-height:1.2;margin-bottom:var(--space-2)}.account-prisma-hint{font-size:var(--text-xs);color:var(--color-text-dim)}.account-username-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.account-username-cooldown{font-size:var(--text-xs);color:var(--color-text-dim)}.account-username-form{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.account-username-current{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.account-username-input-row{display:flex;align-items:center;position:relative}.account-username-at{position:absolute;left:12px;font-family:monospace;font-size:var(--text-base);color:var(--color-text-dim);pointer-events:none;z-index:1}.account-username-input{padding-left:28px!important;padding-right:36px!important}.account-username-status-icon{position:absolute;right:10px;display:flex;align-items:center}.account-username-spinner{animation:spin 1s linear infinite;color:var(--color-text-dim)}.account-username-hint{font-size:var(--text-xs);color:var(--color-text-dim);min-height:16px}.account-username-status-available{color:var(--color-success)}.account-username-status-checking{color:var(--color-text-dim)}.account-username-status-taken,.account-username-status-invalid,.account-username-status-reserved{color:var(--color-error)}.account-username-note{font-size:var(--text-xs);color:var(--color-text-dim);margin:0}.account-username-actions{display:flex;gap:var(--space-3)}@keyframes spin{to{transform:rotate(360deg)}}.account-fields{display:flex;flex-direction:column;gap:var(--space-6)}.account-field{display:flex;flex-direction:column;gap:var(--space-2)}.account-field-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.account-field-value{font-size:var(--text-base);color:var(--color-text-secondary);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.account-section{margin-bottom:var(--space-10)}.account-section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.account-verification-status{display:flex;align-items:center}.account-verification-row{display:flex;align-items:center;gap:var(--space-4)}.account-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.account-badge-success{background:#22c55e1a;color:var(--color-success)}.account-badge-warning{background:#f59e0b1a;color:var(--color-warning)}.account-password-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:400px}.account-section-title{display:flex;align-items:center;gap:var(--space-2)}.account-section-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5);line-height:1.6}.account-mfa-status{display:flex;align-items:center;gap:var(--space-4)}.account-mfa-disable-btn{color:var(--color-error)!important}.account-mfa-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px}.account-mfa-step-text{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:1.6}.account-mfa-qr{display:flex;justify-content:center;margin-bottom:var(--space-5);padding:var(--space-4);background:#fff;border-radius:var(--radius-md);width:fit-content;margin-left:auto;margin-right:auto}.account-mfa-secret{margin-bottom:var(--space-5)}.account-mfa-secret-label{font-size:var(--text-xs);color:var(--color-text-dim);display:block;margin-bottom:var(--space-2)}.account-mfa-secret-row{display:flex;align-items:center;gap:var(--space-2)}.account-mfa-secret-key{font-family:monospace;font-size:var(--text-sm);background:var(--color-bg-elevated);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);letter-spacing:.05em;word-break:break-all}.account-mfa-code-input{letter-spacing:.3em;font-size:var(--text-lg)!important;text-align:center;font-family:monospace}.account-mfa-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.account-taverns-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.account-taverns-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-6);gap:var(--space-4)}.account-taverns-empty-icon{color:var(--color-text-dim);margin-bottom:var(--space-2)}.account-taverns-empty h3{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.account-taverns-empty p{font-size:var(--text-base);color:var(--color-text-muted);max-width:360px;line-height:1.6}.account-taverns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:900px){.account-taverns-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.account-taverns-grid{grid-template-columns:1fr}}.account-tavern-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.account-tavern-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.account-tavern-banner{height:100px;position:relative;overflow:hidden;background:var(--color-bg-tertiary)}.account-tavern-banner img,.account-tavern-banner>.animated-gif{width:100%;height:100%;object-fit:cover;display:block}.account-tavern-banner>.animated-gif canvas,.account-tavern-banner>.animated-gif img{width:100%;height:100%;object-fit:cover}.account-tavern-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.account-tavern-banner-edge{position:absolute;top:0;left:0;width:100%;height:100px;pointer-events:none;z-index:1;overflow:visible}.account-tavern-body{display:flex;gap:var(--space-3);padding:var(--space-4)}.account-tavern-icon{width:48px;height:48px;flex-shrink:0}.account-tavern-icon>img,.account-tavern-icon>.animated-gif{width:100%;height:100%;object-fit:cover;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.12);box-sizing:border-box}.account-tavern-icon>.animated-gif canvas,.account-tavern-icon>.animated-gif img{width:100%;height:100%;object-fit:cover;border-radius:50%}.account-tavern-icon-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;font-weight:700;font-size:var(--text-lg);color:#fff;background:var(--color-primary-muted);border:2px solid rgba(255,255,255,.12);box-sizing:border-box}.account-tavern-details{min-width:0;flex:1}.account-tavern-name{font-size:var(--text-base);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.account-tavern-members{font-size:var(--text-xs);color:var(--color-text-dim);margin-top:2px;display:block}.animated-gif{width:100%;height:100%;position:relative;border-radius:inherit;overflow:hidden}.animated-gif__still{width:100%;height:100%;object-fit:cover;display:block}.animated-gif__still.hidden{visibility:hidden}.animated-gif__anim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.page-legal{padding-top:calc(80px + var(--space-12));padding-bottom:var(--space-16)}.legal-container{max-width:760px}.legal-subtitle{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.legal-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.legal-updated{font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-12)}.legal-intro{margin-bottom:var(--space-8)}.page-legal section{margin-bottom:var(--space-8)}.page-legal h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.page-legal h3{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-top:var(--space-5);margin-bottom:var(--space-3)}.page-legal p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-3)}.page-legal ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-3)}.page-legal li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2)}.page-legal a{color:var(--color-primary);text-decoration:none}.page-legal a:hover{text-decoration:underline}.legal-address{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-3)}.legal-address p{margin-bottom:var(--space-1)}.page-docs{padding-top:calc(80px + var(--space-12));padding-bottom:var(--space-16)}.docs-container{max-width:880px}.docs-article-container{max-width:760px}.docs-eyebrow{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.docs-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.docs-intro{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;max-width:640px;margin-bottom:var(--space-10)}.docs-review-note{margin-top:calc(var(--space-8) * -1);margin-bottom:var(--space-10);color:var(--color-text-dim);font-size:var(--text-xs)}.docs-review-note time{color:var(--color-text-secondary)}.docs-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-6)}.docs-breadcrumb a{color:var(--color-primary);text-decoration:none}.docs-breadcrumb a:hover{text-decoration:underline}.docs-breadcrumb-current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-10)}.docs-tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.docs-tile:hover{border-color:var(--color-primary);transform:translateY(-2px)}.docs-tile-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.docs-section-title{margin:var(--space-8) 0 var(--space-4);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.docs-tile-title{margin:0;font-size:var(--text-base);font-weight:600;color:var(--color-text)}.docs-tile-hint{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55}.docs-support-row{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.docs-support-title{margin-top:0;font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.docs-support-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin:0}.docs-support-text a{color:var(--color-primary);text-decoration:none}.docs-support-text a:hover{text-decoration:underline}.page-docs section{margin-bottom:var(--space-8)}.page-docs h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.page-docs section p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-3)}.page-docs ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-3)}.page-docs li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2)}.page-docs section a{color:var(--color-primary);text-decoration:none}.page-docs section a:hover{text-decoration:underline}.docs-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.docs-pager{display:flex;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-6);margin-top:var(--space-10)}.docs-pager-link{display:flex;flex-direction:column;gap:2px;max-width:48%;text-decoration:none}.docs-pager-link.docs-pager-next{text-align:right;margin-left:auto}.docs-pager-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.docs-pager-title{font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.docs-pager-link:hover .docs-pager-title{text-decoration:underline}@media(max-width:720px){.docs-grid{grid-template-columns:1fr}}.page-addbot{padding-top:0}.addbot-hero{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-24) 0;min-height:50vh;overflow:hidden}.addbot-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.addbot-title{font-size:var(--text-hero);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-4);color:var(--color-text)}.addbot-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:520px;line-height:1.6;margin-bottom:var(--space-8)}.addbot-steps-section{padding:var(--space-20) 0}.addbot-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.addbot-step{text-align:center;padding:var(--space-6)}.addbot-step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-muted);color:var(--color-primary);font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-4)}.addbot-step-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:var(--space-4)}.addbot-step-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.addbot-step-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.addbot-migrated-section{padding:var(--space-20) 0;border-top:1px solid var(--color-border)}.addbot-migrated-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:700px;margin:0 auto}.addbot-migrated-col{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.addbot-migrated-heading{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-5)}.addbot-migrated-included{color:var(--color-success)}.addbot-migrated-excluded{color:var(--color-text-dim)}.addbot-migrated-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.addbot-migrated-list li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.addbot-migrated-list li svg{flex-shrink:0;color:var(--color-success)}.addbot-migrated-list-excluded li svg{color:var(--color-text-dim)}.addbot-faq-section{padding:var(--space-20) 0;border-top:1px solid var(--color-border)}.addbot-faq-list{display:flex;flex-direction:column;gap:var(--space-6);max-width:700px;margin:0 auto}.addbot-faq-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.addbot-faq-question{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.addbot-faq-question svg{color:var(--color-primary);flex-shrink:0}.addbot-faq-answer{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;padding-left:calc(18px + var(--space-3))}.page-import{padding-top:calc(80px + var(--space-12));padding-bottom:var(--space-16);min-height:80vh}.import-center-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;gap:var(--space-4)}.import-auth-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.import-spinner{color:var(--color-primary);animation:spin 1s linear infinite}.import-state-icon{color:var(--color-text-muted)}.import-state-heading{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.import-state-text{font-size:var(--text-base);color:var(--color-text-muted);max-width:400px}.import-state-hint{font-size:var(--text-sm);color:var(--color-text-dim);margin-top:var(--space-2)}.import-state-hint code{background:var(--color-bg-elevated);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.import-success-icon{color:var(--color-success)}.import-error-icon{color:var(--color-error)}.import-preview{max-width:700px;margin:0 auto}.import-header{margin-bottom:var(--space-8)}.import-server-name{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.import-server-description{font-size:var(--text-sm);color:var(--color-text-muted)}.import-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)}.import-stat{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.import-stat svg{color:var(--color-text-dim)}.import-stat-value{font-weight:600;color:var(--color-text)}.import-stat-label{color:var(--color-text-muted)}.import-section{margin-bottom:var(--space-8)}.import-section-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.import-channel-tree{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.import-category{border-bottom:1px solid var(--color-border)}.import-category:last-child{border-bottom:none}.import-category-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-tertiary)}.import-category-header svg{color:var(--color-text-dim)}.import-category-channels{display:flex;flex-direction:column}.import-channel{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary)}.import-channel svg{color:var(--color-text-dim);flex-shrink:0}.import-roles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.import-role{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.import-role-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.import-actions{display:flex;justify-content:center;padding-top:var(--space-4)}@media(max-width:900px){.features-grid,.addbot-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-title,.download-title,.addbot-title{font-size:var(--text-4xl)}.hero-subtitle,.download-subtitle,.addbot-subtitle{font-size:var(--text-base)}.features-grid,.addbot-steps,.addbot-migrated-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.import-stats{gap:var(--space-2)}.import-auth-actions{width:100%;flex-direction:column}.import-auth-actions .btn{width:100%}.cta-heading,.section-heading{font-size:var(--text-2xl)}}@keyframes import-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.import-progress{display:flex;flex-direction:column;gap:8px;width:100%;max-width:400px;margin-top:var(--space-2)}.import-progress-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);background:#ffffff05;border:1px solid rgba(255,255,255,.04);opacity:.3;transform:translate(-8px);transition:all .4s cubic-bezier(.22,1,.36,1)}.import-progress-row--revealed{opacity:1;transform:translate(0)}.import-progress-row--active{background:#3b67ff14;border-color:#3b67ff33}.import-progress-status{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.import-progress-step-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-muted)}.import-progress-icon--dim{color:var(--color-text-dim);opacity:.4}.import-progress-icon--success{color:var(--color-success)}.import-progress-icon--error{color:var(--color-error)}.import-pop{animation:import-pop .3s cubic-bezier(.22,1,.36,1)}.import-progress-label{font-size:var(--text-sm);color:var(--color-text);flex:1;text-align:left}.import-progress-label--pending{color:var(--color-text-dim)}.import-progress-label--active{font-weight:500}.import-progress-label--error{color:var(--color-error)}.import-progress-label--skipped{color:var(--color-text-dim);text-decoration:line-through}.import-progress-count{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.import-progress-count--error{color:var(--color-error)}.import-warnings{max-width:420px;width:100%}.import-state-warning{font-size:var(--text-sm);color:var(--color-warning, #f59e0b);margin-bottom:var(--space-2)}.import-error-list{list-style:none;margin:0;padding:0;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);max-height:160px;overflow-y:auto}.import-error-list li{font-size:var(--text-xs);color:var(--color-text-muted);padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.import-error-list li:last-child{border-bottom:none}.doc-content{line-height:1.7;color:var(--color-text-secondary)}.doc-content .doc-h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin:0 0 .5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.doc-content .doc-h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:2.5rem 0 .75rem;padding-top:1rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border);scroll-margin-top:6rem}.doc-content .doc-h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:1.75rem 0 .5rem;scroll-margin-top:6rem}.doc-content .doc-anchor{color:var(--color-text-dim);text-decoration:none;margin-right:6px;opacity:0;transition:opacity .15s;font-weight:400}.doc-content .doc-h2:hover .doc-anchor,.doc-content .doc-h3:hover .doc-anchor{opacity:1}.doc-content .doc-anchor:hover{color:var(--color-primary)}.doc-content .doc-h4{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:1.25rem 0 .5rem}.doc-content .doc-p{margin:.5rem 0;font-size:var(--text-sm);line-height:1.7}.doc-content .doc-code-wrapper{margin:.75rem 0;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.doc-content .doc-code-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#111113;border-bottom:1px solid var(--color-border)}.doc-content .doc-code-lang{font-size:11px;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.04em}.doc-content .doc-code-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;border:none;background:transparent;color:var(--color-text-dim);font-size:11px;cursor:pointer;transition:all .15s}.doc-content .doc-code-copy-btn:hover{color:var(--color-text);background:#ffffff0f}.doc-content .doc-code-copy-btn--copied{color:var(--color-success)}.doc-content .doc-code-block{background:#0a0a0c;padding:.875rem 1rem;margin:0;overflow-x:auto;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem;line-height:1.5;color:#e4e4e7;border:none;border-radius:0}.doc-content .doc-code-block code{background:none;padding:0;border:none;font-size:inherit;color:inherit}.doc-content .token.comment,.doc-content .token.prolog,.doc-content .token.doctype,.doc-content .token.cdata{color:#6b7280;font-style:italic}.doc-content .token.punctuation{color:#9ca3af}.doc-content .token.property,.doc-content .token.tag,.doc-content .token.boolean,.doc-content .token.number,.doc-content .token.constant,.doc-content .token.symbol{color:#f59e0b}.doc-content .token.selector,.doc-content .token.attr-name,.doc-content .token.string,.doc-content .token.char,.doc-content .token.builtin{color:#34d399}.doc-content .token.operator,.doc-content .token.entity,.doc-content .token.url{color:#67e8f9}.doc-content .token.atrule,.doc-content .token.attr-value,.doc-content .token.keyword{color:#818cf8}.doc-content .token.function,.doc-content .token.class-name{color:#60a5fa}.doc-content .token.regex,.doc-content .token.important,.doc-content .token.variable{color:#f472b6}.doc-content .token.decorator{color:#c084fc}.doc-content .doc-inline-code{background:#3b67ff1a;border:1px solid rgba(59,103,255,.2);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.8em;color:var(--color-primary-light)}.doc-content .doc-table-wrapper{margin:.75rem 0;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.doc-content .doc-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.doc-content .doc-table th{background:var(--color-bg-elevated);text-align:left;padding:.5rem .75rem;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);white-space:nowrap}.doc-content .doc-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.doc-content .doc-table tr:last-child td{border-bottom:none}.doc-content .doc-table tr:hover td{background:#ffffff05}.doc-content .doc-blockquote{border-left:3px solid var(--color-primary);background:var(--color-primary-muted);padding:.75rem 1rem;margin:.75rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.doc-content .doc-ul,.doc-content .doc-ol{margin:.5rem 0;padding-left:1.5rem}.doc-content .doc-li,.doc-content .doc-li-ordered{font-size:var(--text-sm);margin:.25rem 0;color:var(--color-text-secondary)}.doc-content .doc-link{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.doc-content .doc-link:hover{border-bottom-color:var(--color-primary)}.doc-content .doc-hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.doc-sidebar{width:220px;flex-shrink:0;position:sticky;top:6rem;align-self:flex-start;max-height:calc(100vh - 7rem);overflow-y:auto}.doc-header-actions{display:flex;justify-content:flex-end;margin-bottom:.5rem}.doc-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);cursor:pointer;transition:all .15s}.doc-copy-btn:hover{color:var(--color-text);border-color:var(--color-border-light);background:var(--color-bg-hover)}.doc-copy-btn--copied{color:var(--color-success);border-color:var(--color-success);background:#22c55e14}.doc-search{position:relative;margin-bottom:1.5rem}.doc-search--compact{margin-bottom:1rem}.doc-search-input-wrap{position:relative;display:flex;align-items:center}.doc-search-icon{position:absolute;left:10px;color:var(--color-text-dim);pointer-events:none}.doc-search-input{width:100%;padding:8px 32px 8px 30px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);font-size:var(--text-sm);outline:none;transition:border-color .15s}.doc-search--compact .doc-search-input{padding:6px 28px;font-size:var(--text-xs);border-radius:6px}.doc-search--compact .doc-search-icon{left:8px}.doc-search-input:focus{border-color:var(--color-primary)}.doc-search-input::placeholder{color:var(--color-text-dim)}.doc-search-spinner{position:absolute;right:10px;color:var(--color-text-dim)}.doc-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--color-bg-hover);border:none;color:var(--color-text-muted);cursor:pointer;padding:0}.doc-search-clear:hover{color:var(--color-text);background:var(--color-border)}.doc-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:360px;overflow-y:auto}.doc-search-result{display:block;width:100%;text-align:left;padding:10px 12px;border:none;background:none;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .1s}.doc-search-result:last-child{border-bottom:none}.doc-search-result:hover{background:var(--color-bg-elevated)}.doc-search-result-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:2px}.doc-search-result-section{font-size:10px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.doc-search-result-snippet{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.doc-search-result-snippet mark{background:#3b67ff40;color:var(--color-primary-light);border-radius:2px;padding:0 2px}.doc-search-empty{padding:16px 12px;text-align:center;font-size:var(--text-sm);color:var(--color-text-dim)}.doc-toc{margin-bottom:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);overflow:hidden}.doc-toc-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);transition:color .15s}.doc-toc-toggle:hover{color:var(--color-text)}.doc-toc-chevron{margin-left:auto;transition:transform .2s}.doc-toc-chevron--open{transform:rotate(180deg)}.doc-toc-list{display:none;border-top:1px solid var(--color-border);padding:8px 0;max-height:280px;overflow-y:auto}.doc-toc-list--open{display:block}.doc-toc-link{display:block;padding:4px 14px;font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:color .1s,background .1s;line-height:1.6}.doc-toc-link--sub{padding-left:28px;font-size:11px}.doc-toc-link:hover{color:var(--color-text);background:#ffffff08}.doc-toc-link--active{color:var(--color-primary);background:var(--color-primary-muted);font-weight:600}@media(max-width:768px){.doc-sidebar{display:none}.doc-content{font-size:var(--text-sm)}}.wonders-page,.wonder-detail,.public-user-page{min-height:calc(100vh - 140px);padding-top:7rem;padding-bottom:5rem}.wonders-hero{max-width:760px;margin:0 auto 2.5rem;text-align:center}.wonders-hero h1,.wonder-detail h1,.wonders-state h1{margin:.35rem 0 .75rem;color:var(--color-text);font-size:clamp(2.1rem,6vw,4rem);line-height:1.05}.wonders-hero>p:not(.legal-subtitle){color:var(--color-text-muted);font-size:var(--text-lg)}.wonders-search{display:block;max-width:560px;margin:1.5rem auto 0;color:var(--color-text-muted);text-align:left;font-size:var(--text-sm);font-weight:600}.wonders-search input{width:100%;margin-top:.45rem;padding:.8rem .95rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-elevated);color:var(--color-text);font:inherit}.wonders-search input:focus-visible,.wonders-load-more:focus-visible,.wonder-actions a:focus-visible,.wonder-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.wonders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.wonder-card{overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg-elevated);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.wonder-card:hover{transform:translateY(-3px);border-color:var(--color-primary)}.wonder-card-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#171927}.wonder-image-fallback{background:radial-gradient(circle at 30% 20%,#3b67ff 0,#24284a 38%,#12131b)}.wonder-card-copy{padding:1rem}.wonder-card h2{margin:.65rem 0 .3rem;color:var(--color-text);font-size:var(--text-lg)}.wonder-card p,.wonder-card small,.wonder-creator,.wonder-safety{color:var(--color-text-muted)}.wonder-card p{margin:0 0 .55rem}.wonder-badges{display:flex;flex-wrap:wrap;gap:.4rem}.wonder-badges span{padding:.25rem .5rem;border:1px solid rgba(102,142,255,.35);border-radius:999px;background:#3b67ff1f;color:#aebfff;font-size:var(--text-xs);font-weight:700}.wonders-state{padding:3rem 1rem;color:var(--color-text-muted);text-align:center}.wonders-load-more{display:block;margin:2rem auto 0;padding:.75rem 1.2rem;border:1px solid var(--color-border);border-radius:9px;background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer}.wonder-back{display:inline-block;margin-bottom:1rem;color:var(--color-primary);text-decoration:none}.wonder-detail-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);overflow:hidden;border:1px solid var(--color-border);border-radius:18px;background:var(--color-bg-elevated)}.wonder-detail-image{width:100%;height:100%;min-height:390px;object-fit:cover}.wonder-detail-copy{padding:clamp(1.4rem,4vw,2.5rem)}.wonder-detail h1{font-size:clamp(2rem,4vw,3.2rem)}.wonder-description{margin:1.4rem 0;color:var(--color-text);line-height:1.65;white-space:pre-line}.wonder-stats{display:flex;gap:1.75rem;margin:1.5rem 0}.wonder-stats dt{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase}.wonder-stats dd{margin:.25rem 0 0;color:var(--color-text);font-size:var(--text-lg);font-weight:700}.wonder-actions{display:flex;flex-wrap:wrap;gap:.75rem}.wonder-actions a{padding:.75rem 1rem;border-radius:9px;font-weight:700;text-decoration:none}.wonder-open{background:var(--color-primary);color:#fff}.wonder-store{border:1px solid var(--color-border);color:var(--color-text)}.wonder-safety{margin-top:1.5rem;font-size:var(--text-xs);line-height:1.5}.wonder-safety a{color:var(--color-primary)}.public-user-card{max-width:720px;margin:0 auto;overflow:hidden;border:1px solid var(--color-border);border-radius:18px;background:var(--color-bg-elevated)}.public-user-banner{min-height:180px;background:radial-gradient(circle at 25% 20%,#3b67ff 0,#24284a 42%,#12131b);background-position:center;background-size:cover}.public-user-copy{padding:0 clamp(1.4rem,5vw,2.5rem) 2.5rem}.public-user-avatar{display:flex;width:112px;height:112px;margin-top:-56px;border:5px solid var(--color-bg-elevated);border-radius:50%;object-fit:cover;align-items:center;justify-content:center}.public-user-avatar-fallback{background:var(--color-primary);color:#fff;font-size:2.5rem;font-weight:800}.public-user-copy h1{margin:1rem 0 0;color:var(--color-text);font-size:clamp(2rem,5vw,3rem)}.public-user-handle,.public-user-status,.public-user-bio{color:var(--color-text-muted)}.public-user-handle{margin:.3rem 0 0}.public-user-status{margin:1rem 0 0;color:var(--color-text);font-weight:600}.public-user-bio{margin:1.2rem 0 1.5rem;line-height:1.65;white-space:pre-line}.public-user-actions a{display:inline-flex;align-items:center}@media(max-width:760px){.wonders-page,.wonder-detail,.public-user-page{padding-top:5.5rem}.wonder-detail-card{grid-template-columns:1fr}.wonder-detail-image{min-height:220px;aspect-ratio:16 / 9}}.qr-approve-page{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);background:var(--color-bg)}.qr-approve-card{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-10) var(--space-8);border-radius:var(--radius-2xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:0 24px 60px #00000080}.qr-approve-icon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:var(--color-primary-muted);margin-bottom:var(--space-2)}.qr-approve-icon--primary{color:var(--color-primary)}.qr-approve-icon--success{color:#22c55e}.qr-approve-icon--error{color:#ef4444}.qr-approve-icon--muted{color:var(--color-text-muted)}.qr-approve-icon--spin{color:var(--color-primary);animation:qr-approve-spin 1s linear infinite}.qr-approve-spin{animation:qr-approve-spin 1s linear infinite}@keyframes qr-approve-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-approve-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.01em}.qr-approve-body{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.55;max-width:380px}.qr-approve-body--note{color:var(--color-text-muted);font-size:var(--text-sm)}.qr-approve-body strong{color:var(--color-text)}.qr-approve-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.qr-approve-meta strong{color:var(--color-primary);font-variant-numeric:tabular-nums}.qr-approve-device{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm)}.qr-approve-device svg{color:var(--color-primary)}.qr-approve-device--location svg{color:var(--color-text-muted)}.qr-approve-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-2)}.qr-approve-actions .btn{width:100%;justify-content:center}.qr-approve-error{width:100%;padding:10px 14px;border-radius:var(--radius-md);background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:var(--text-sm);margin:0}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#09090b;transition:opacity .6s ease,transform .6s ease}.splash-screen--fade-out{opacity:0;transform:scale(1.02);pointer-events:none}.mug-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.splash-icon{width:36px;height:auto;filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))}.splash-icon .icon-group{animation:tav5-rock 2.5s ease-in-out infinite;transform-origin:center}.splash-icon .tav-liquid{animation:tav5-wipe-base-loop 5s linear infinite}.splash-icon .tav-liquid-wipe{animation:tav5-wipe-over-loop 5s linear infinite}.splash-icon .tav-b1{animation:tav4-pop-loop 2s ease-in-out infinite,tav5-color-bubble-loop 5s ease-in-out infinite}.splash-icon .tav-b2{animation:tav4-pop-loop 2s ease-in-out infinite .4s,tav5-color-bubble-loop 5s ease-in-out infinite}.splash-icon .tav-b3{animation:tav4-pop-loop 2s ease-in-out infinite .8s,tav5-color-bubble-loop 5s ease-in-out infinite}.splash-icon .tav-dot1{animation:tav-dot-wave-loop 1.1s ease-in-out infinite,tav5-dot-color-loop 5s ease-in-out infinite;transform-origin:center}.splash-icon .tav-dot2{animation:tav-dot-wave-loop 1.1s ease-in-out infinite .18s,tav5-dot-color-loop 5s ease-in-out infinite;transform-origin:center}.splash-icon .tav-dot3{animation:tav-dot-wave-loop 1.1s ease-in-out infinite .36s,tav5-dot-color-loop 5s ease-in-out infinite;transform-origin:center}.splash-loader{width:160px;height:3px;border-radius:2px;background:var(--white-08);overflow:hidden}.splash-loader-bar{height:100%;width:40%;border-radius:2px;background:linear-gradient(90deg,var(--brand-primary),#a83bff);animation:splashLoaderSlide 1.4s ease-in-out infinite}@keyframes splashLoaderSlide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}.splash-error{padding:8px 16px;border-radius:var(--radius-md);background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--danger);font-size:var(--text-base);text-align:center;max-width:320px;animation:splashFadeIn .3s ease}.splash-dismiss{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--white-15);background:var(--white-05);color:#e7ebf380;font-size:var(--text-3xl);line-height:var(--leading-none);cursor:pointer;display:grid;place-items:center;transition:color .2s ease,background .2s ease,border-color .2s ease;animation:splashFadeIn .4s ease}.splash-dismiss:hover{color:var(--mist);background:var(--white-10);border-color:var(--white-30)}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tav5-rock{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes tav5-wipe-base-loop{0%,16%{fill:var(--brand-primary)}17%,36%{fill:#a83bff}37%,56%{fill:#ff3b7a}57%,76%{fill:#ff9f3b}77%,96%{fill:#3bdfff}97%,to{fill:var(--brand-primary)}}@keyframes tav5-wipe-over-loop{0%{fill:#a83bff;clip-path:inset(0 100% 0 0)}17%{fill:#a83bff;clip-path:inset(0 0 0 0)}17.1%{fill:#ff3b7a;clip-path:inset(0 100% 0 0)}37%{fill:#ff3b7a;clip-path:inset(0 0 0 0)}37.1%{fill:#ff9f3b;clip-path:inset(0 100% 0 0)}57%{fill:#ff9f3b;clip-path:inset(0 0 0 0)}57.1%{fill:#3bdfff;clip-path:inset(0 100% 0 0)}77%{fill:#3bdfff;clip-path:inset(0 0 0 0)}77.1%{fill:var(--brand-primary);clip-path:inset(0 100% 0 0)}97%{fill:var(--brand-primary);clip-path:inset(0 0 0 0)}to{fill:var(--brand-primary);clip-path:inset(0 0 0 0)}}@keyframes tav5-color-bubble-loop{0%{fill:#668eff}20%{fill:#b98eff}40%{fill:#ff8ea8}60%{fill:#ffc18e}80%{fill:#8edfff}to{fill:#668eff}}@keyframes tav5-dot-color-loop{0%{fill:var(--brand-primary)}20%{fill:#a83bff}40%{fill:#ff3b7a}60%{fill:#ff9f3b}80%{fill:#3bdfff}to{fill:var(--brand-primary)}}@keyframes tav4-pop-loop{0%,70%,to{transform:scale(1)}25%{transform:scale(1.3)}45%{transform:scale(.85)}}@keyframes tav-dot-wave-loop{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-22px) scale(1.1)}}