:root{--color-bg-base: #07070A;--color-surface: #121318;--color-surface-2: #0c0c14;--color-border: rgba(255, 255, 255, .07);--color-border-subtle: rgba(255, 255, 255, .04);--color-text-primary: #FFFFFF;--color-text-secondary: #D1D5DB;--color-text-muted: #6B7280;--color-brand: #7B61FF;--color-brand-glow: rgba(123, 97, 255, .45);--color-brand-surface: rgba(123, 97, 255, .12);--color-tag-bg: #2A2B36;--color-tag-text: #E5E7EB;--color-tag-border: rgba(255, 255, 255, .1);--color-content-bg: #07070A;--color-card: #121318;--color-card-border: rgba(255, 255, 255, .07);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--touch-target: 44px;--shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);--shadow-float: 0 32px 80px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-base);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-sm)}.dark-surface :focus-visible{outline-color:var(--color-brand);box-shadow:0 0 0 4px var(--color-brand-surface)}:focus:not(:focus-visible){outline:none}::selection{background:var(--color-brand-surface);color:var(--color-text-primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.05)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,20px) scale(1.06)}66%{transform:translate(-20px,-10px) scale(.96)}}@keyframes breathe{0%,to{opacity:.85;transform:scale(1);box-shadow:0 8px 28px var(--color-brand-glow)}50%{opacity:1;transform:scale(1.06);box-shadow:0 12px 40px var(--color-brand-glow)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}button,[role=button],a,input,select,textarea{min-height:var(--touch-target)}button.icon-only{min-height:32px;min-width:32px}.nav-btn{transition:transform .1s ease,background .15s,color .15s!important;will-change:transform}.nav-btn:active{transform:scale(.96)!important}.action-btn{transition:transform .12s ease,background .2s,box-shadow .2s!important;will-change:transform}.action-btn:active{transform:scale(.97)!important}.view-enter{animation:viewIn .2s cubic-bezier(.22,1,.36,1) both}.nav-btn .nav-icon{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s}.nav-btn:active .nav-icon{transform:scale(.88)}.nav-btn.active .nav-icon{transform:scale(1.1)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.login-bg{padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.login-card{padding:52px 48px}@media(max-width:480px){.login-card{padding:36px 24px;border-radius:24px}}@media(max-width:390px){.login-card{padding:28px 20px;border-radius:20px}}