@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f180}50%{box-shadow:0 0 40px #6366f1cc}}.animate-slide-in-right{animation:slide-in-right .3s ease-out}.animate-slide-up{animation:slide-up .3s ease-out}.animate-fade-in{animation:fade-in .2s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.animate-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);background-size:2000px 100%}.animate-glow{animation:glow 2s ease-in-out infinite}.tap-scale{transition:transform .12s ease-out,opacity .12s ease-out;-webkit-tap-highlight-color:transparent;cursor:pointer}.tap-scale:active{transform:scale(.96);opacity:.85}@keyframes ripple{to{transform:scale(2.5);opacity:0}}.ripple-container{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.ripple-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s}.ripple-container:active:after{opacity:1}@keyframes view-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes view-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12px)}}.view-transition-enter{animation:view-enter .25s ease-out both}.view-transition-exit{animation:view-exit .2s ease-in both}@keyframes skeleton-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-wave{background:linear-gradient(90deg,rgb(var(--color-neutral-800)) 25%,rgb(var(--color-neutral-700)),rgb(var(--color-neutral-800)) 75%);background-size:200% 100%;animation:skeleton-wave 1.8s ease-in-out infinite;border-radius:.5rem}.stagger-children>*{animation:slide-up .3s ease-out both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.pb-nav-safe{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 4.5rem)}@layer base{:root{--color-primary-50: 238 242 255;--color-primary-100: 224 231 255;--color-primary-200: 199 210 254;--color-primary-300: 165 180 252;--color-primary-400: 129 140 248;--color-primary-500: 99 102 241;--color-primary-600: 79 70 229;--color-primary-700: 67 56 202;--color-primary-800: 55 48 163;--color-primary-900: 49 46 129;--color-primary-950: 30 27 75;--color-neutral-50: 248 250 252;--color-neutral-100: 241 245 249;--color-neutral-200: 226 232 240;--color-neutral-300: 203 213 225;--color-neutral-400: 148 163 184;--color-neutral-500: 100 116 139;--color-neutral-600: 71 85 105;--color-neutral-700: 51 65 85;--color-neutral-800: 30 41 59;--color-neutral-900: 15 23 42;--color-neutral-950: 10 10 15;--color-accent-50: 255 251 235;--color-accent-100: 254 243 199;--color-accent-200: 253 230 138;--color-accent-300: 252 211 77;--color-accent-400: 251 191 36;--color-accent-500: 245 158 11;--color-accent-600: 217 119 6;--color-accent-700: 180 83 9;--color-accent-800: 146 64 14;--color-accent-900: 120 53 15;--color-accent-950: 69 26 3;--color-success-50: 220 252 231;--color-success-500: 16 185 129;--color-success-600: 5 150 105;--color-warning-50: 254 249 195;--color-warning-500: 245 158 11;--color-warning-600: 217 119 6;--color-error-50: 254 226 226;--color-error-500: 239 68 68;--color-error-600: 220 38 38;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-soft: 0 2px 15px -3px rgba(0, 0, 0, .07), 0 10px 20px -2px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-strong: 0 10px 40px -10px rgba(0, 0, 0, .15), 0 4px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out}.dark{--color-neutral-50: 9 9 11;--color-neutral-100: 24 24 27;--color-neutral-200: 39 39 42;--color-neutral-300: 63 63 70;--color-neutral-400: 113 113 122;--color-neutral-500: 161 161 170;--color-neutral-600: 212 212 216;--color-neutral-700: 228 228 230;--color-neutral-800: 244 244 245;--color-neutral-900: 250 250 250}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-feature-settings:"cv02","cv03","cv04","cv11"}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:rgb(var(--color-neutral-950));color:rgb(var(--color-neutral-100))}code{font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace;background:rgb(var(--color-neutral-900));padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgb(var(--color-neutral-900));border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:rgb(var(--color-neutral-700));border-radius:var(--radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-neutral-600))}*{scrollbar-width:thin;scrollbar-color:rgb(var(--color-neutral-700)) rgb(var(--color-neutral-900))}@layer utilities{.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.glass{background:rgba(var(--color-neutral-900),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--color-neutral-700),.2)}.glass-strong{background:rgba(var(--color-neutral-950),.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--color-neutral-700),.3)}.glass-light{background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.glass-medium{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}.glass-success{background:#22c55e1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(34,197,94,.2)}.gradient-primary{background:linear-gradient(135deg,rgb(var(--color-primary-600)),rgb(var(--color-primary-500)))}.gradient-accent{background:linear-gradient(135deg,rgb(var(--color-accent-600)),rgb(var(--color-accent-500)))}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-glow-lg{box-shadow:var(--shadow-glow-lg)}.pt-safe-top{padding-top:env(safe-area-inset-top)}.pb-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.pl-safe-left{padding-left:env(safe-area-inset-left)}.pr-safe-right{padding-right:env(safe-area-inset-right)}.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-neutral-950;}.animate-in{animation-fill-mode:both}.fade-in-0{animation-name:fade-in-0}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}.interactive{transition:all var(--transition-normal);cursor:pointer;-webkit-user-select:none;user-select:none}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:translateY(0)}.loading-shimmer{background:linear-gradient(90deg,rgb(var(--color-neutral-800)),rgb(var(--color-neutral-700)),rgb(var(--color-neutral-800)));background-size:200% 100%;animation:shimmer 1.5s infinite}}@layer components{.btn{@apply inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium rounded-lg transition-all duration-200 focus-ring disabled:opacity-50 disabled:cursor-not-allowed;}.btn-primary{@apply btn bg-primary-600 text-white hover:bg-primary-700 active:bg-primary-800 shadow-medium hover:shadow-strong;}.btn-secondary{@apply btn bg-neutral-800 text-neutral-200 hover:bg-neutral-700 active:bg-neutral-600 border border-neutral-700;}.btn-ghost{@apply btn bg-transparent text-neutral-400 hover:text-neutral-200 hover:bg-neutral-800 active:bg-neutral-700;}.input{@apply block w-full px-3 py-2.5 text-sm bg-neutral-900 border border-neutral-700 rounded-lg text-neutral-200 placeholder-neutral-500 transition-all duration-200 focus-ring focus:border-primary-500;}.card{@apply bg-neutral-900 border border-neutral-800 rounded-xl shadow-soft;}.card-hover{@apply card hover:shadow-medium hover:border-neutral-700 transition-all duration-200;}}
