:root{--bg: #05040A;--bg1: #0D0C16;--bg2: #141222;--bg3: #1D1B2E;--rule: rgba(255,255,255,.05);--rule2: rgba(255,255,255,.09);--tx: #EDE8F5;--tx2: rgba(237,232,245,.62);--tx3: rgba(237,232,245,.42);--tx4: rgba(237,232,245,.18);--p: #E0887A;--p2: rgba(224,136,122,.15);--p3: rgba(224,136,122,.06);--pbd: rgba(224,136,122,.28);--sage: #6BA888;--sagebg: rgba(107,168,136,.08);--sagebd: rgba(107,168,136,.16);--lav: #9080BA;--lavbg: rgba(144,128,186,.08);--lavbd: rgba(144,128,186,.18);--r-phone: 48px;--r-card: 20px;--r-block: 16px;--r-btn: 16px;--r-pill: 20px;--r-avatar: 50%;--r-icon: 10px;--r-chip: 8px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--tx);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:400;letter-spacing:-.02em;line-height:1.5;min-height:100vh;min-height:100dvh;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:-100vh;left:0;right:0;height:200vh;background:var(--bg);z-index:-1}button,[role=button],a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}button:active:not(:disabled){transform:scale(.97);transition:transform .08s ease-out}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule2);border-radius:2px}@keyframes orbDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(22px,-16px) scale(1.1)}66%{transform:translate(-14px,20px) scale(.92)}}@keyframes orbDrift2{0%,to{transform:translate(0)}45%{transform:translate(-18px,14px) scale(1.08)}75%{transform:translate(15px,-10px)}}@keyframes orbDrift3{0%,to{transform:translate(0)}50%{transform:translate(10px,22px) scale(1.06)}}@keyframes story-drift{0%{transform:translate(0) scale(1)}25%{transform:translate(28px,-18px) scale(1.14)}50%{transform:translate(-14px,24px) scale(.91)}75%{transform:translate(18px,10px) scale(1.09)}to{transform:translate(0) scale(1)}}@keyframes story-progress{0%{width:0%}to{width:100%}}@keyframes shimmer{0%{left:-180%}to{left:200%}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-in{animation:fadeIn .3s ease-out both}.animate-slide-up{animation:slideUp .35s ease-out both}@keyframes smoothFadeIn{0%{opacity:.3;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.skeleton{background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 50%,var(--bg2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--r-chip)}.stagger-children>*{animation:fadeIn .3s ease-out both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:40ms}.stagger-children>*:nth-child(3){animation-delay:80ms}.stagger-children>*:nth-child(4){animation-delay:.12s}.stagger-children>*:nth-child(5){animation-delay:.16s}.stagger-children>*:nth-child(6){animation-delay:.2s}.stagger-children>*:nth-child(7){animation-delay:.24s}.stagger-children>*:nth-child(8){animation-delay:.28s}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .28s cubic-bezier(.25,.46,.45,.94) both;will-change:transform,opacity}.toast-container{position:fixed;top:calc(12px + var(--safe-top));left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;width:100%;max-width:380px;padding:0 16px}.toast{pointer-events:auto;padding:12px 16px;border-radius:var(--r-block);font-size:13px;font-weight:600;letter-spacing:-.02em;animation:slideDown .3s ease-out,fadeOut .3s ease-in 2.7s;animation-fill-mode:both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.toast-success{background:var(--sagebg);border:1px solid var(--sagebd);color:var(--sage)}.toast-error{background:#f871711a;border:1px solid rgba(248,113,113,.22);color:#f87171}.toast-info{background:var(--p2);border:1px solid var(--pbd);color:var(--p)}.safe-bottom{padding-bottom:calc(72px + var(--safe-bottom))}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;left:-180%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:shimmer 3s ease-in-out infinite}.input-v1{background:var(--bg2);border:1px solid var(--rule);color:var(--tx);border-radius:var(--r-block);padding:12px 14px;font-size:14px;font-family:Plus Jakarta Sans,sans-serif;outline:none;transition:border-color .2s}.input-v1::placeholder{color:var(--tx4)}.input-v1:focus{border-color:#e0887a47}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(249,168,168,.5);outline-offset:2px}button:active:not(:disabled){transform:scale(.97);transition:transform 80ms ease-out}button{transition:transform 80ms ease-out,opacity .15s}input:focus,textarea:focus,select:focus{border-color:#e0887a66!important;box-shadow:0 0 0 3px #e0887a26;outline:none}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:tabFadeIn .2s ease-out}