:root{--cyan: #03AFDD;--cyan-soft: #2dd4f5;--cyan-deep: #0295c0;--navy: #0A4680;--violet: #4d6bff;--dark-bg: #030d18;--dark-2: #04101f;--panel-bg: #071828;--card-bg: rgba(7, 24, 40, .66);--card-solid: #071828;--card-border: rgba(3, 175, 221, .22);--card-active: rgba(3, 175, 221, .75);--input-bg: rgba(255, 255, 255, .04);--hover-bg: rgba(3, 175, 221, .08);--overlay-bg: rgba(2, 8, 16, .76);--white: #ffffff;--grey: rgba(255, 255, 255, .6);--grey-dim: rgba(255, 255, 255, .42);--success: #46f08a;--warning: #f5c451;--danger: #ff5f6d;--font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: 10px;--radius-md: 14px;--radius: 18px;--radius-lg: 26px;--radius-xl: 30px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--shadow-card: 0 18px 48px rgba(0, 0, 0, .42);--shadow-lg: 0 26px 70px rgba(0, 0, 0, .55);--glow-cyan: 0 0 40px rgba(3, 175, 221, .35);--ease: .26s cubic-bezier(.4, 0, .2, 1);--ease-out: .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s ease;--transition-normal: .25s ease;--tab-bar-height: 68px;--sidebar-width: 248px;--rail-width: 84px;--content-maxw: 1180px;--bg-primary: var(--dark-bg);--bg-card: var(--panel-bg);--bg-input: var(--input-bg);--bg-hover: var(--hover-bg);--bg-overlay: var(--overlay-bg);--accent-sky: var(--cyan-soft);--accent-teal: var(--cyan);--accent-green: var(--success);--accent-yellow: var(--warning);--accent-orange: var(--cyan-deep);--accent-red: var(--danger);--accent-gradient: var(--cyan);--accent-primary: var(--cyan);--accent-primary-hover: var(--cyan-soft);--text-primary: var(--white);--text-secondary: var(--grey);--text-muted: var(--grey-dim);--border: var(--card-border);--border-focus: var(--card-active)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);background:var(--dark-bg);color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--cyan);text-decoration:none}img{max-width:100%;display:block}::selection{background:#03afdd59;color:#fff}h1,h2,h3{letter-spacing:-.025em;line-height:1.15}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#03afdd42;border-radius:10px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#03afdd80;background-clip:padding-box}.cosmic-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 55% at 50% -8%,rgba(10,70,128,.55) 0%,transparent 66%),radial-gradient(ellipse 50% 40% at 88% 12%,rgba(3,175,221,.1) 0%,transparent 60%),radial-gradient(ellipse 45% 45% at 8% 88%,rgba(77,107,255,.1) 0%,transparent 62%),var(--dark-bg)}.starfield:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.3px 1.3px at 8% 14%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(1px 1px at 22% 52%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 37% 7%,rgba(255,255,255,.58) 0%,transparent 100%),radial-gradient(1px 1px at 54% 31%,rgba(255,255,255,.38) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 67% 70%,rgba(255,255,255,.52) 0%,transparent 100%),radial-gradient(1px 1px at 78% 18%,rgba(255,255,255,.42) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 91% 43%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 95% 86%,rgba(255,255,255,.38) 0%,transparent 100%),radial-gradient(1px 1px at 4% 83%,rgba(255,255,255,.48) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 46% 91%,rgba(255,255,255,.44) 0%,transparent 100%),radial-gradient(1px 1px at 18% 38%,rgba(255,255,255,.33) 0%,transparent 100%),radial-gradient(1.4px 1.4px at 52% 61%,rgba(255,255,255,.48) 0%,transparent 100%),radial-gradient(1px 1px at 84% 10%,rgba(255,255,255,.37) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 72% 94%,rgba(255,255,255,.52) 0%,transparent 100%),radial-gradient(1px 1px at 31% 66%,rgba(255,255,255,.32) 0%,transparent 100%);animation:twinkle 8s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.7}to{opacity:1}}.aurora{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;filter:blur(60px);opacity:.5}.aurora span{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen;will-change:transform}.aurora .a1{width:46vw;height:46vw;left:-6vw;top:-8vw;background:radial-gradient(circle,rgba(3,175,221,.45),transparent 62%);animation:drift1 26s ease-in-out infinite}.aurora .a2{width:40vw;height:40vw;right:-8vw;top:4vw;background:radial-gradient(circle,rgba(10,70,128,.55),transparent 60%);animation:drift2 32s ease-in-out infinite}.aurora .a3{width:38vw;height:38vw;left:24vw;bottom:-14vw;background:radial-gradient(circle,rgba(77,107,255,.3),transparent 62%);animation:drift3 30s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6vw,4vw) scale(1.12)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vw,6vw) scale(1.08)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4vw,-5vw) scale(1.15)}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background-image:linear-gradient(rgba(3,175,221,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(3,175,221,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 70% at 50% 15%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 15%,#000 30%,transparent 80%)}.brand-lockup{display:inline-flex;align-items:center;gap:11px}.brand-lockup.is-stacked{flex-direction:column;gap:14px;text-align:center}.brand-bird{display:block;width:auto;flex:none;filter:drop-shadow(0 0 14px rgba(3,175,221,.45))}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-word{font-size:19px;font-weight:800;letter-spacing:-.02em;color:#fff}.brand-word-light{font-weight:300}.brand-tagline{font-size:9.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--grey-dim);margin-top:3px}.is-stacked .brand-word{font-size:28px}.brand-halo{position:relative;display:inline-flex}.brand-halo:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;z-index:0;background:radial-gradient(circle,rgba(3,175,221,.3),transparent 62%);animation:breathe 4s ease-in-out infinite;pointer-events:none}.brand-halo>*{position:relative;z-index:1}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}.app-shell{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.app-main{flex:1;min-height:0;min-width:0;position:relative}.page{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-padded{padding:var(--space-md);padding-bottom:calc(var(--tab-bar-height) + var(--space-2xl))}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-md) var(--space-lg)}.page-header h1{font-size:var(--text-2xl);font-weight:800}.header-logo{height:36px;width:auto;object-fit:contain}.home-title{display:none}@media(min-width:900px){.home-brand{display:none}.home-title{display:block}}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.section-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-md);letter-spacing:-.015em}.accent,.gradient-text{background:linear-gradient(100deg,var(--cyan) 0%,var(--cyan-soft) 45%,#8fb8ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.back-btn{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--grey);background:none;border:none;font-family:var(--font);font-size:var(--text-sm);cursor:pointer;padding:var(--space-sm);transition:color var(--ease)}.back-btn:hover{color:var(--white)}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:stretch;justify-content:space-around;background:#040e1ae0;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid rgba(3,175,221,.16)}@supports (padding-bottom: env(safe-area-inset-bottom)){@media(display-mode:standalone){.tab-bar{padding-bottom:env(safe-area-inset-bottom,0)}}}.nav-brand{display:none}.tab-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:11px var(--space-sm);color:var(--grey-dim);font-size:10px;font-weight:600;letter-spacing:.02em;background:none;border:none;cursor:pointer;transition:color var(--ease)}.tab-item svg{width:23px;height:23px;transition:transform var(--ease),filter var(--ease)}.tab-item:hover{color:var(--grey)}.tab-item.active{color:var(--cyan)}.tab-item.active svg{filter:drop-shadow(0 0 10px rgba(3,175,221,.55))}.tab-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:2px;border-radius:0 0 3px 3px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.tab-icon-wrap{position:relative;display:inline-flex}.tab-badge{position:absolute;top:-5px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 10px #ff5f6d80}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:13px 24px;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--text-base);font-weight:700;letter-spacing:.02em;cursor:pointer;text-decoration:none;overflow:hidden;transition:transform var(--ease),box-shadow var(--ease),background var(--ease),border-color var(--ease),color var(--ease)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary,.btn-gradient{background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-deep) 100%);color:#fff;box-shadow:0 8px 28px #03afdd52}.btn-primary:hover:not(:disabled),.btn-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 40px #03afdd80}.btn-primary:before,.btn-gradient:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-18deg);transition:left .6s ease}.btn-primary:hover:not(:disabled):before,.btn-gradient:hover:not(:disabled):before{left:130%}.btn-outline{background:#03afdd0a;border:1.5px solid var(--cyan);color:var(--cyan)}.btn-outline:hover:not(:disabled){background:#03afdd1f;box-shadow:0 0 26px #03afdd42;transform:translateY(-2px)}.btn-ghost{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.18);color:var(--grey);padding:var(--space-sm) var(--space-md)}.btn-ghost:hover:not(:disabled){color:var(--white);border-color:#ffffff73;background:#ffffff12}.btn-danger{background:linear-gradient(135deg,#ff5f6d,#d93b49);color:#fff;box-shadow:0 8px 24px #ff5f6d42}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #ff5f6d6b}.btn-sm{padding:9px 18px;font-size:var(--text-sm)}.btn-block{width:100%}.btn-icon{width:42px;height:42px;padding:0;border-radius:var(--radius-full)}.input,.textarea{width:100%;padding:13px 16px;background:var(--input-bg);border:1.5px solid var(--card-border);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font);font-size:var(--text-base);outline:none;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}.input:focus,.textarea:focus{border-color:var(--card-active);box-shadow:0 0 0 4px #03afdd1f;background:#ffffff0e}.input::placeholder,.textarea::placeholder{color:var(--grey-dim)}.textarea{resize:vertical;min-height:110px;line-height:1.65}.input-label{display:block;text-align:left;margin-bottom:7px;font-size:var(--text-sm);font-weight:600;color:var(--grey);letter-spacing:.01em}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.phone-input-row{display:flex;gap:0;align-items:stretch}.country-picker{position:relative;flex-shrink:0}.country-picker-btn{display:flex;align-items:center;gap:6px;height:100%;padding:13px 11px;white-space:nowrap;cursor:pointer;background:var(--input-bg);border:1.5px solid var(--card-border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--white);font-family:var(--font);font-size:var(--text-sm);transition:background var(--ease),border-color var(--ease)}.country-picker-btn:hover{background:var(--hover-bg);border-color:var(--card-active)}.country-flag{font-size:18px;line-height:1}.country-dial{color:var(--grey);font-size:var(--text-sm);font-weight:600}.country-chevron{font-size:8px;color:var(--grey-dim)}.phone-number-input{border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;flex:1;min-width:0}.country-dropdown{position:absolute;top:100%;left:0;margin-top:6px;z-index:500;width:290px;max-height:330px;display:flex;flex-direction:column;overflow:hidden;background:#071828f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.country-search{width:100%;padding:12px 14px;outline:none;background:#ffffff0a;border:none;border-bottom:1px solid var(--card-border);color:var(--white);font-family:var(--font);font-size:var(--text-sm)}.country-search::placeholder{color:var(--grey-dim)}.country-list{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.country-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;text-align:left;cursor:pointer;background:none;border:none;color:var(--white);font-family:var(--font);font-size:var(--text-sm);transition:background var(--ease)}.country-option:hover{background:var(--hover-bg)}.country-option.selected{background:#03afdd29}.country-option .country-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-option .country-dial{color:var(--grey-dim);flex-shrink:0}.country-no-results{padding:22px;text-align:center;color:var(--grey-dim);font-size:var(--text-sm)}.otp-container{display:flex;gap:10px;justify-content:center}.otp-digit{width:50px;height:60px;text-align:center;font-family:var(--font);font-size:var(--text-2xl);font-weight:800;background:var(--input-bg);border:1.5px solid var(--card-border);border-radius:var(--radius-sm);color:var(--white);outline:none;transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease)}.otp-digit:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #03afdd24,0 0 22px #03afdd38;transform:translateY(-2px)}.upload-area{border:1.5px dashed rgba(3,175,221,.35);border-radius:var(--radius);padding:var(--space-xl);text-align:center;cursor:pointer;color:var(--grey-dim);background:#03afdd08;transition:border-color var(--ease),color var(--ease),background var(--ease)}.upload-area:hover{border-color:var(--cyan);color:var(--grey);background:#03afdd12}.upload-preview{width:100%;max-width:210px;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);margin:0 auto;display:block;border:1px solid var(--card-border)}.search-bar{position:relative}.search-bar .input{padding-left:42px}.search-bar svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--grey-dim);width:18px;height:18px;pointer-events:none}.divider{height:1px;background:#ffffff12;margin:var(--space-md) 0}.error-msg{color:var(--danger);font-size:var(--text-sm);text-align:center}.auth-page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--space-xl);text-align:center}.auth-logo{width:96px;height:96px;object-fit:contain;margin-bottom:var(--space-lg)}.auth-page .brand-halo{margin-bottom:var(--space-xl)}.auth-title{font-size:clamp(26px,5vw,34px);font-weight:800;margin-bottom:6px;letter-spacing:-.03em}.auth-subtitle{font-size:var(--text-base);color:var(--grey);margin-bottom:var(--space-xl);max-width:380px}.auth-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-md)}.auth-privacy-link{margin-top:var(--space-xl);font-size:var(--text-xs);color:var(--grey-dim);text-decoration:none;transition:color var(--ease)}.auth-privacy-link:hover{color:var(--grey)}@media(min-width:640px){.auth-form{padding:var(--space-xl);background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}}.card{position:relative;overflow:hidden;background:linear-gradient(var(--panel-bg),var(--panel-bg)) padding-box,linear-gradient(150deg,#03afdd66,#03afdd0d 40%,#4d6bff2e) border-box;border:1px solid transparent;border-radius:var(--radius);padding:var(--space-lg);box-shadow:var(--shadow-card)}.card-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius);transition:background var(--ease),border-color var(--ease),transform var(--ease)}.card-row:hover{background:var(--hover-bg);border-color:var(--card-active);transform:translateY(-2px)}.avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;background:var(--panel-bg);flex-shrink:0;border:1px solid var(--card-border)}.avatar-lg{width:84px;height:84px}.avatar-xl{width:124px;height:124px;box-shadow:0 0 0 1px #03afdd4d,0 0 44px #03afdd38}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#03afdd29,#03afdd08);color:var(--cyan);font-size:var(--text-xl);font-weight:800}.room-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius);transition:transform var(--ease-out),border-color var(--ease),box-shadow var(--ease)}.room-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 0% 50%,rgba(3,175,221,.14),transparent 62%);transition:opacity var(--ease)}.room-card:hover{transform:translateY(-4px);border-color:var(--card-active);box-shadow:0 22px 54px #03afdd29}.room-card:hover:after{opacity:1}.room-card>*{position:relative;z-index:1}.room-card-avatar{width:58px;height:58px;border-radius:var(--radius-md);object-fit:cover;background:var(--panel-bg);flex-shrink:0;border:1px solid var(--card-border)}.room-card-info{flex:1;min-width:0}.room-card-name{font-weight:700;margin-bottom:2px;letter-spacing:-.01em}.room-card-meta{font-size:var(--text-xs);color:var(--grey-dim)}.room-card-status{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.room-card-status.online{background:var(--success);box-shadow:0 0 10px #46f08a99}.room-card-status.offline{background:var(--grey-dim)}.character-card{overflow:hidden;cursor:pointer;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius);transition:transform var(--ease-out),border-color var(--ease),box-shadow var(--ease)}.character-card:hover{transform:translateY(-5px);border-color:var(--card-active);box-shadow:0 22px 54px #03afdd2e}.character-card-img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--panel-bg)}.character-card-body{padding:var(--space-sm) var(--space-md) var(--space-md)}.character-card-name{font-weight:700;font-size:var(--text-base);margin-bottom:2px}.character-card-desc{font-size:var(--text-xs);color:var(--grey-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.friend-card-info{flex:1;min-width:0}.friend-card-name{font-weight:700;font-size:var(--text-base)}.friend-card-username{font-size:var(--text-xs);color:var(--grey-dim)}.notification-list{display:flex;flex-direction:column;gap:var(--space-sm)}.notification-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:background var(--ease),border-color var(--ease),transform var(--ease)}.notification-card:hover{background:var(--hover-bg);border-color:var(--card-active);transform:translate(3px)}.notification-card.unread{background:#03afdd12;border-color:#03afdd66}.notification-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#03afdd2e,#03afdd0a);border:1px solid rgba(3,175,221,.28)}.notification-icon svg{width:18px;height:18px;color:var(--cyan)}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--text-base);font-weight:700;color:var(--white)}.notification-body{font-size:var(--text-xs);color:var(--grey-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:10px;color:var(--grey-dim);margin-top:4px;letter-spacing:.04em}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);flex-shrink:0}.profile-header{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) var(--space-md);gap:var(--space-md)}.profile-name{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.025em}.profile-username{color:var(--grey-dim);font-size:var(--text-sm);margin-top:-10px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.list-stack{display:flex;flex-direction:column;gap:var(--space-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);gap:var(--space-md);color:var(--grey);text-align:center;max-width:460px;margin:var(--space-lg) auto;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius-lg)}.empty-state p{font-size:var(--text-lg);font-weight:700;color:var(--white)}.empty-state-icon{font-size:48px;opacity:.5}.empty-state-icon-svg{width:54px;height:54px;color:var(--cyan);opacity:.75;filter:drop-shadow(0 0 18px rgba(3,175,221,.4))}.empty-steps{list-style:none;display:flex;flex-direction:column;gap:11px;text-align:left}.empty-steps li{display:flex;align-items:center;gap:11px;font-size:var(--text-sm);color:var(--grey)}.step-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;font-size:11px;font-weight:800;color:var(--cyan);background:linear-gradient(140deg,#03afdd38,#03afdd0d);border:1px solid rgba(3,175,221,.35)}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(3,175,221,.18);border-top-color:var(--cyan);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;height:100%}.loading-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.loading-logo{width:76px;height:76px;object-fit:contain}.loading-brand .brand-bird{animation:logoPulse 2.2s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:.55;transform:scale(.94);filter:drop-shadow(0 0 8px rgba(3,175,221,.3))}50%{opacity:1;transform:scale(1.04);filter:drop-shadow(0 0 24px rgba(3,175,221,.7))}}.loading-dots{display:flex;gap:7px}.loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #03afdd99;animation:dotBounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}@keyframes dotBounce{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.25)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlay-in .2s ease both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:430px;padding:var(--space-lg);background:#071828f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-in .28s cubic-bezier(.16,1,.3,1) both}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.modal-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-md);letter-spacing:-.02em}.fab{position:fixed;z-index:50;bottom:calc(var(--tab-bar-height) + var(--space-md));right:var(--space-md);width:58px;height:58px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-deep) 100%);color:#fff;border:none;cursor:pointer;font-size:28px;font-weight:300;line-height:1;box-shadow:0 10px 32px #03afdd6b,0 0 0 1px #ffffff14 inset;transition:transform var(--ease),box-shadow var(--ease)}.fab:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;border:1px solid rgba(3,175,221,.3);animation:fabRing 2.6s ease-out infinite}@keyframes fabRing{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.fab:hover{transform:scale(1.07) translateY(-2px);box-shadow:0 16px 44px #03afdd94}.room-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--dark-bg)}.room-container iframe{width:100%;height:100%;border:none;display:block}.room-back-btn{position:fixed;z-index:301;top:calc(env(safe-area-inset-top,16px) + var(--space-sm));left:var(--space-md);width:42px;height:42px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;background:#040e1ab8;color:#fff;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--ease),border-color var(--ease)}.room-back-btn:hover{background:#03afdd33;border-color:var(--card-active)}.plans-page{height:100%;overflow-y:auto;padding:0 var(--space-md) var(--space-2xl);position:relative;z-index:1}.plans-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;font-weight:700;background:linear-gradient(var(--dark-bg) 60%,rgba(3,13,24,.7));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plans-back{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);color:var(--white);transition:border-color var(--ease),background var(--ease)}.plans-back:hover{border-color:var(--card-active);background:var(--hover-bg)}.plans-back svg{width:18px;height:18px}.plans-hero{text-align:center;padding:var(--space-lg) 0 var(--space-xl)}.plans-hero h1{font-size:clamp(26px,4vw,42px);font-weight:800;line-height:1.1;margin-bottom:var(--space-sm);letter-spacing:-.03em}.plans-hero .accent{background:linear-gradient(100deg,var(--cyan) 0%,var(--cyan-soft) 45%,#8fb8ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plans-hero p{color:var(--grey);font-size:var(--text-base);max-width:560px;margin:0 auto;line-height:1.7}.plans-banner{border-radius:var(--radius-sm);padding:13px 18px;font-size:var(--text-sm);margin-bottom:var(--space-md);text-align:center}.plans-banner-success{background:#46f08a1f;color:var(--success);border:1px solid rgba(70,240,138,.35)}.plans-banner-info{background:#03afdd1f;color:var(--cyan-soft);border:1px solid rgba(3,175,221,.35)}.plans-banner-error{background:#ff5f6d1f;color:var(--danger);border:1px solid rgba(255,95,109,.35)}.plans-loading{display:flex;justify-content:center;padding:var(--space-2xl)}.plans-grid{display:grid;gap:var(--space-lg);max-width:1100px;margin:0 auto}@media(min-width:860px){.plans-grid{grid-template-columns:repeat(3,1fr);align-items:start}}.plan-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-lg);background:linear-gradient(var(--panel-bg),var(--panel-bg)) padding-box,linear-gradient(150deg,#03afdd57,#03afdd0a 45%,#4d6bff29) border-box;border:1px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform var(--ease-out),box-shadow var(--ease)}.plan-card:hover{transform:translateY(-5px);box-shadow:0 26px 70px #03afdd29}.plan-card.featured{background:linear-gradient(var(--panel-bg),var(--panel-bg)) padding-box,linear-gradient(150deg,#03afdde6,#03afdd33 50%,#4d6bff66) border-box;box-shadow:0 18px 60px #03afdd3d}.plan-card.featured:before{content:"";position:absolute;top:-120px;right:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(3,175,221,.16) 0%,transparent 70%);pointer-events:none}.plan-card.current{border-color:var(--cyan)}.plan-card>*{position:relative;z-index:1}.plan-current-badge{position:absolute;top:-11px;right:var(--space-md);z-index:2;background:var(--cyan);color:#03141f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 11px;border-radius:var(--radius-full);box-shadow:0 0 18px #03afdd99}.plan-tag{display:inline-block;align-self:flex-start;margin-bottom:var(--space-sm);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:var(--radius-full)}.plan-tag-ghost{color:var(--cyan);background:#03afdd1f;border:1px solid rgba(3,175,221,.3)}.plan-tag-label{color:var(--grey);background:#ffffff0f}.plan-name{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-xs);letter-spacing:-.02em}.plan-desc{color:var(--grey);font-size:var(--text-sm);line-height:1.65;min-height:66px;margin-bottom:var(--space-md)}.plan-price{display:flex;align-items:baseline;gap:2px}.plan-price .curr{font-size:var(--text-lg);font-weight:700;color:var(--grey)}.plan-price .amount{font-size:2.6rem;font-weight:800;line-height:1;background:linear-gradient(180deg,#fff,var(--cyan-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plan-price .period{font-size:var(--text-sm);color:var(--grey-dim);margin-left:3px}.plan-note{font-size:var(--text-xs);color:var(--grey-dim);min-height:16px;margin:5px 0 var(--space-md)}.plan-cta{width:100%;padding:13px;margin-bottom:var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);font-weight:700;font-size:var(--text-sm);letter-spacing:.02em;transition:all var(--ease)}.plan-cta:disabled{opacity:.5;cursor:default}.plan-cta.solid{background:linear-gradient(135deg,var(--cyan),var(--cyan-deep));color:#fff;border:none;box-shadow:0 8px 26px #03afdd52}.plan-cta.solid:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 38px #03afdd80}.plan-cta.outline{background:#03afdd0a;color:var(--cyan);border:1.5px solid var(--cyan)}.plan-cta.outline:hover:not(:disabled){background:#03afdd1f}.plan-cta.ghost{background:#ffffff0a;color:var(--white);border:1.5px solid rgba(255,255,255,.18)}.plan-cta.ghost:hover:not(:disabled){border-color:#ffffff73}.plan-features-label{font-size:10px;font-weight:800;color:var(--grey-dim);text-transform:uppercase;letter-spacing:.16em;margin-bottom:var(--space-sm)}.plan-features{list-style:none;display:flex;flex-direction:column;gap:11px}.plan-features li{display:flex;align-items:flex-start;gap:9px;font-size:var(--text-sm);color:var(--grey);line-height:1.5}.plan-fi{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--cyan)}.plans-footer{text-align:center;color:var(--grey-dim);font-size:var(--text-sm);margin-top:var(--space-xl)}.plans-footer a{color:var(--cyan)}.legend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(max-width:420px){.legend-grid{grid-template-columns:1fr}}.legend-tile{display:flex;flex-direction:column;text-align:left;padding:0;cursor:pointer;overflow:hidden;background:linear-gradient(165deg,#0a2136,#050f1c);border:1px solid var(--card-border);border-radius:var(--radius);transition:transform var(--ease-out),border-color var(--ease),box-shadow var(--ease)}.legend-tile:hover{transform:translateY(-6px);border-color:var(--card-active);box-shadow:0 26px 60px #03afdd33}.legend-tile-media{position:relative;aspect-ratio:1/1;background:#0a2136;overflow:hidden}.legend-tile-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--ease-out)}.legend-tile:hover .legend-tile-media img{transform:scale(1.05)}.legend-tile-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(5,15,28,.85) 100%)}.legend-tile-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:var(--cyan);background:linear-gradient(145deg,#03afdd24,#03afdd05)}.legend-tile-badge{position:absolute;top:11px;left:11px;z-index:2;font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#03141f;background:var(--cyan);padding:4px 10px;border-radius:20px;box-shadow:0 0 16px #03afdd80}.legend-tile-body{padding:var(--space-md)}.legend-tile-name{font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em}.legend-tile-tag{color:var(--grey);font-size:var(--text-xs);margin:4px 0 var(--space-sm)}.legend-tile-cta{color:var(--cyan);font-size:var(--text-sm);font-weight:700}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-lg);background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.checkout-sheet{width:100%;max-width:560px;margin:auto;overflow:hidden;background:#071828f7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:checkout-in .28s cubic-bezier(.16,1,.3,1) both}@keyframes checkout-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.checkout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md)}.checkout-title{font-size:var(--text-xl);font-weight:800;color:var(--white);letter-spacing:-.02em}.checkout-sub{font-size:10px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;margin-top:4px}.checkout-close{background:none;border:none;color:var(--grey);font-size:26px;line-height:1;cursor:pointer;padding:0 4px;transition:color var(--ease)}.checkout-close:hover:not(:disabled){color:var(--white)}.checkout-close:disabled{opacity:.4;cursor:default}.checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin:0 var(--space-lg) var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--grey);background:linear-gradient(140deg,#03afdd1f,#03afdd08);border:1px solid rgba(3,175,221,.28)}.checkout-amount{font-size:var(--text-2xl);font-weight:800;color:var(--white)}.checkout-amount small{font-size:var(--text-sm);font-weight:500;color:var(--grey-dim)}.checkout-body{padding:0 var(--space-lg) var(--space-lg)}.checkout-payment{min-height:40px;margin-bottom:var(--space-md)}.checkout-err{margin-bottom:var(--space-md)}.checkout-pay{margin-top:var(--space-xs)}.checkout-loading{display:flex;justify-content:center;padding:var(--space-xl)}.checkout-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:var(--space-md);font-size:var(--text-xs);color:var(--grey-dim)}.checkout-secure svg{color:var(--grey-dim)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.reveal{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.list-stack>*,.grid-2>*,.legend-grid>*{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.list-stack>*:nth-child(1),.grid-2>*:nth-child(1),.legend-grid>*:nth-child(1){animation-delay:.03s}.list-stack>*:nth-child(2),.grid-2>*:nth-child(2),.legend-grid>*:nth-child(2){animation-delay:.08s}.list-stack>*:nth-child(3),.grid-2>*:nth-child(3),.legend-grid>*:nth-child(3){animation-delay:.13s}.list-stack>*:nth-child(4),.grid-2>*:nth-child(4),.legend-grid>*:nth-child(4){animation-delay:.18s}.list-stack>*:nth-child(5),.grid-2>*:nth-child(5),.legend-grid>*:nth-child(5){animation-delay:.23s}.list-stack>*:nth-child(6),.grid-2>*:nth-child(6),.legend-grid>*:nth-child(6){animation-delay:.28s}@media(min-width:900px){.app-shell{flex-direction:row}.tab-bar{position:relative;inset:auto;flex-shrink:0;width:var(--sidebar-width);height:100%;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:var(--space-lg) var(--space-md);border-top:none;border-right:1px solid rgba(3,175,221,.14);background:#040e1ab8}.nav-brand{display:flex;align-items:center;padding:0 var(--space-sm) var(--space-xl);margin-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.06)}.tab-item{flex-direction:row;justify-content:flex-start;gap:13px;padding:12px 14px;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;letter-spacing:0;transition:color var(--ease),background var(--ease),transform var(--ease)}.tab-item svg{width:21px;height:21px}.tab-item:hover{background:#ffffff0a;transform:translate(2px)}.tab-item.active{background:linear-gradient(100deg,#03afdd29,#03afdd08);box-shadow:inset 0 0 0 1px #03afdd42}.tab-item.active:before{top:50%;left:0;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0}.tab-badge{position:absolute;top:-5px;right:-9px}.page-padded{max-width:var(--content-maxw);margin:0 auto;padding:var(--space-xl) var(--space-2xl) var(--space-2xl)}.page-header{padding:0 0 var(--space-xl)}.page-header h1{font-size:var(--text-3xl)}.grid-2,.legend-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.list-stack{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--space-lg)}.fab{bottom:var(--space-xl);right:var(--space-xl);width:62px;height:62px}.plans-page{padding:0 var(--space-2xl) var(--space-2xl)}.plans-topbar{padding:var(--space-lg) 0}.empty-state{padding:var(--space-2xl)}.modal{max-width:480px}}@media(min-width:1400px){:root{--sidebar-width: 272px;--content-maxw: 1320px}.grid-2,.legend-grid{grid-template-columns:repeat(4,1fr)}.list-stack{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media(max-height:560px)and (max-width:900px){.auth-page{padding:var(--space-md);justify-content:flex-start;padding-top:var(--space-lg)}.auth-logo{width:64px;height:64px;margin-bottom:var(--space-sm)}.auth-subtitle{margin-bottom:var(--space-md)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.list-stack>*,.grid-2>*,.legend-grid>*,.reveal{opacity:1!important}}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}