html,body{margin:0;padding:0;overflow-x:hidden}body{background:radial-gradient(920px 540px at 8% 8%,rgba(59,130,246,.18),transparent 55%),radial-gradient(820px 500px at 92% 12%,rgba(20,184,166,.14),transparent 56%),linear-gradient(180deg,var(--bg-0),var(--bg-1))}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.panel{background:var(--surface-1);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel-strong{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(min-width:900px){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}}.sonner-container{z-index:2000}.sonner-toast{background:linear-gradient(180deg,#0c121efa,#090e18f5);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-1)}.sonner-toast[data-type=success]{border-color:#14b8a673}.sonner-toast[data-type=error]{border-color:#ef44448c}.sonner-title{font-weight:700;color:var(--text-1)}.sonner-description{color:var(--text-2)}.sonner-close-button{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-1)}:root{--font-sans: "Inter", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--bg-0: #070b14;--bg-1: #0d1322;--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text-1: #eaf0ff;--text-2: rgba(234, 240, 255, .72);--text-3: rgba(234, 240, 255, .52);--accent-1: #3b82f6;--accent-2: #14b8a6;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--shadow-sm: 0 6px 20px rgba(0, 0, 0, .25);--shadow-md: 0 16px 44px rgba(0, 0, 0, .35);--topnav-h: 68px;--bottomnav-h: 64px;--top-offset: 24px;--bottom-offset: 24px;--safe-top: 0px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);color:var(--text-1)}button,input,select,textarea{font:inherit}button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease}input,textarea,select{border-radius:var(--radius-sm)}.main-content{min-height:100vh;padding-top:var(--top-offset);padding-bottom:var(--bottom-offset)}html.has-safe-top .main-content{padding-top:calc(var(--top-offset) + var(--safe-top))}@media(max-width:979px){.main-content{padding-top:calc(var(--topnav-h) + var(--space-1));padding-bottom:calc(var(--bottomnav-h) + var(--space-2) + var(--safe-bottom))}html.has-safe-top .main-content{padding-top:calc(var(--topnav-h) + var(--space-4) + var(--safe-top))}}:root{--vm-motion-fast: .14s;--vm-motion-normal: .18s;--vm-motion-slow: .26s;--vm-motion-ease: cubic-bezier(.2, .7, .2, 1)}.vm-route-shell.is-exiting{will-change:opacity,transform;opacity:0;transform:translateY(-10px);transition:opacity var(--vm-motion-fast) var(--vm-motion-ease),transform var(--vm-motion-fast) var(--vm-motion-ease)}.vm-route-shell.is-entering{will-change:opacity,transform;animation:vmRouteEnter var(--vm-motion-normal) var(--vm-motion-ease)}@keyframes vmRouteEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vm-modal-overlay{opacity:0;transition:opacity var(--vm-motion-normal) var(--vm-motion-ease)}.vm-modal-card{opacity:0;transform:translateY(12px) scale(.98);transition:opacity var(--vm-motion-normal) var(--vm-motion-ease),transform var(--vm-motion-normal) var(--vm-motion-ease)}.vm-modal-overlay.is-open{opacity:1}.vm-modal-overlay.is-open .vm-modal-card{opacity:1;transform:translateY(0) scale(1)}.vm-modal-overlay.is-closing{opacity:0}.vm-modal-overlay.is-closing .vm-modal-card{opacity:0;transform:translateY(10px) scale(.98)}.vm-ptr-shell{overscroll-behavior-y:contain}.vm-ptr-indicator{position:fixed;top:calc(var(--topnav-h) + var(--safe-top) + 6px);left:50%;transform:translate(-50%);width:auto;min-width:104px;height:28px;border-radius:999px;border:1px solid rgba(148,163,184,.34);background:#080c14e0;color:#eaf0ffdb;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;pointer-events:none;z-index:1200;opacity:0;transition:opacity var(--vm-motion-fast) ease,transform var(--vm-motion-fast) var(--vm-motion-ease)}.vm-ptr-indicator.visible{opacity:1}.vm-ptr-indicator.ready{border-color:#3b82f66b}.vm-ptr-indicator.refreshing{opacity:1}.vm-ptr-label{font-size:12px;letter-spacing:.1px}.vm-inline-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(226,232,240,.34);border-top-color:#e2e8f0f5;animation:vmSpin .75s linear infinite}@keyframes vmSpin{to{transform:rotate(360deg)}}.vm-desktop-refresh{border:1px solid rgba(59,130,246,.34);background:#2563eb24;color:#dbeafe;border-radius:10px;min-height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.vm-desktop-refresh:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.vm-desktop-refresh{display:none}.vm-ptr-indicator{top:calc(var(--topnav-h) + var(--safe-top) + 8px)}}@media(hover:hover)and (pointer:fine){.vm-dock-btn:hover,.vm-item:hover,.vm-footer-btn:hover,.vm-top-btn:hover,.feed-tab:hover,.duel-btn:hover,.action-btn:hover,.threads-new-btn:hover,.results-load-more:hover,.search-chip:hover,.settings-btn:hover,.install-btn:hover,.install-guide-btn:hover{box-shadow:0 0 0 1px #3b82f638,0 10px 24px #00000038;transform:translateY(-1px) scale(1.01)}}.vm-dock-btn:active,.vm-item:active,.vm-footer-btn:active,.vm-top-btn:active,.feed-tab:active,.duel-btn:active,.action-btn:active,.threads-new-btn:active,.results-load-more:active,.search-chip:active,.settings-btn:active,.install-btn:active,.install-guide-btn:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.vm-route-shell,.vm-modal-overlay,.vm-modal-card,.vm-ptr-indicator,.duel-bar-seg,.duel-btn,.feed-tab,.skeleton *,.line,.skeleton-bubble,.vm-inline-spinner{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important;transform:none!important}}.splash-screen{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:radial-gradient(110% 80% at 50% 12%,#15233d,#15233d00 65%),linear-gradient(180deg,#0b0f1a,#111827);padding-top:calc(24px + env(safe-area-inset-top,0px));padding-right:calc(24px + env(safe-area-inset-right,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));opacity:0;visibility:hidden;transition:opacity .42s cubic-bezier(.22,1,.36,1),visibility .42s cubic-bezier(.22,1,.36,1)}.splash-screen.is-visible{opacity:1;visibility:visible}.splash-screen.is-hidden{pointer-events:none}.splash-inner{width:100%;max-width:420px;display:grid;justify-items:center;gap:28px;animation:splashEnter .52s cubic-bezier(.2,.65,.3,1) both}.splash-logo-wrap{position:relative;display:grid;place-items:center}.splash-glow{position:absolute;width:clamp(110px,22vw,160px);aspect-ratio:1;border-radius:999px;background:#92b3ff33;filter:blur(28px)}.splash-logo{position:relative;z-index:1;width:clamp(86px,20vw,120px);height:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;animation:splashPulse 2.5s ease-in-out infinite}.splash-dots{display:inline-flex;align-items:center;gap:8px}.splash-dots span{width:7px;height:7px;border-radius:50%;background:#e6effff2;opacity:.28;animation:dotFade 1.25s ease-in-out infinite}.splash-dots span:nth-child(2){animation-delay:.16s}.splash-dots span:nth-child(3){animation-delay:.32s}@keyframes splashEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes splashPulse{0%,to{transform:scale(1)}50%{transform:scale(1.028)}}@keyframes dotFade{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@media(max-width:420px){.splash-inner{gap:24px}}@media(prefers-reduced-motion:reduce){.splash-inner,.splash-logo,.splash-dots span{animation:none}.splash-screen{transition-duration:.18s}}.vm-nav{position:fixed;top:18px;left:18px;width:260px;height:calc(100vh - 36px);padding:14px;display:flex;flex-direction:column;z-index:50}.vm-nav-brand{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);cursor:pointer;background:var(--surface-1);border:1px solid var(--border-soft)}.vm-logo-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));box-shadow:0 0 22px #3b82f673}.vm-brand-title{font-weight:800;letter-spacing:.4px}.vm-brand-sub{font-size:12px;color:var(--text-3)}.vm-nav-section{margin-top:14px;display:flex;flex-direction:column;gap:10px}.vm-item,.vm-footer-btn{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-1);color:var(--text-2);cursor:pointer}.vm-icon-with-badge{position:relative;display:inline-flex;align-items:center;justify-content:center}.vm-count-badge{position:absolute;top:-8px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#fff;background:#ef4444;border:1px solid rgba(255,255,255,.35)}.vm-item:hover,.vm-footer-btn:hover{background:var(--surface-2);color:var(--text-1)}.vm-item.active{color:var(--text-1);background:#3b82f629;border-color:#3b82f657}.vm-nav-spacer{flex:1}.vm-nav-footer{padding:10px;display:flex;flex-direction:column;gap:8px}.vm-nav-desktop{display:none}@media(min-width:980px){.vm-nav-desktop{display:flex}.main-content{padding-left:310px;padding-right:24px;padding-bottom:24px}}.vm-dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + var(--safe-bottom));width:min(860px,101%);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60}.vm-dock-btn{flex:1;height:44px;border-radius:999px;border:1px solid var(--border-soft);background:#00000038;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.vm-dock-btn.active{color:var(--text-1);background:linear-gradient(90deg,#3b82f659,#14b8a63d)}@media(min-width:980px){.vm-dock{display:none}}:root{--top-bg: rgba(11, 13, 16, .74);--top-border: rgba(255, 255, 255, .08);--btn-bg: rgba(255, 255, 255, .06);--btn-border: rgba(255, 255, 255, .14)}.notification-dock{display:none}@media(orientation:portrait)and (max-width:900px){.notification-dock{display:flex;position:fixed;top:0;left:0;right:0;height:var(--topnav-h);padding:10px 16px;align-items:center;justify-content:space-between;background:var(--top-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--top-border);z-index:1001}html.has-safe-top .notification-dock{height:calc(var(--topnav-h) + var(--safe-top));padding-top:calc(10px + var(--safe-top))}}.vm-top{display:none}@media(max-width:900px){.vm-top{display:flex;position:fixed;top:0;left:0;right:0;height:var(--topnav-h);padding:10px 16px;align-items:center;justify-content:space-between;background:var(--top-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--top-border);z-index:1001}html.has-safe-top .vm-top{height:calc(var(--topnav-h) + var(--safe-top));padding-top:calc(10px + var(--safe-top))}}.vm-top-actions{display:flex;gap:10px;align-items:center}.vm-top-btn{width:44px;height:44px;border-radius:999px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-1);cursor:pointer;display:flex;align-items:center;justify-content:center}.vm-top-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.vm-top-badge{position:absolute;top:-7px;right:-9px;min-width:16px;height:16px;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#fff;background:#ef4444;border:1px solid rgba(255,255,255,.35)}.vm-top-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.vm-top-create{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:none;box-shadow:0 0 18px #3b82f659}.vm-top-create:hover{filter:brightness(1.08)}.vm-top-center{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.vm-top-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2))}.vm-top-title{font-weight:800;letter-spacing:.5px}body.reals-page .main-content{padding:0}@media(min-width:980px){.main-content{padding-top:24px;padding-bottom:24px}html.has-safe-top .main-content{padding-top:calc(24px + var(--safe-top))}}.main-content.main-content-onboarding{padding:0}