:root{--color-cosmic-dawn:#ff006e;--color-electric-violet:#8338ec;--color-digital-cyan:#00f5ff;--color-quantum-blue:#3a86ff;--color-neural-pink:#fb5607;--color-plasma-purple:#b5179e;--color-aurora-teal:#06ffa5;--color-nebula-indigo:#4361ee;--primary-gradient:linear-gradient(135deg,var(--color-digital-cyan),var(--color-electric-violet));--secondary-gradient:linear-gradient(135deg,var(--color-cosmic-dawn),var(--color-plasma-purple));--accent-gradient:linear-gradient(135deg,var(--color-quantum-blue),var(--color-nebula-indigo));--aurora-gradient:linear-gradient(135deg,var(--color-aurora-teal),var(--color-digital-cyan),var(--color-electric-violet));--gradient-cosmic:linear-gradient(135deg,var(--color-cosmic-dawn) 0%,var(--color-electric-violet) 25%,var(--color-quantum-blue) 50%,var(--color-digital-cyan) 75%,var(--color-aurora-teal) 100%);--glass-ultra:hsla(0,0%,100%,.03);--glass-light:hsla(0,0%,100%,.08);--glass-medium:hsla(0,0%,100%,.12);--glass-strong:hsla(0,0%,100%,.18);--glass-intense:hsla(0,0%,100%,.25);--blur-ambient:blur(80px);--blur-soft:blur(24px);--blur-medium:blur(16px);--blur-sharp:blur(8px);--shadow-ambient:0 0 120px -20px rgba(131,56,236,.3),0 0 80px -20px rgba(0,245,255,.2);--shadow-elevated-sm:0 2px 8px -2px rgba(0,0,0,.2),0 4px 16px -4px rgba(131,56,236,.15);--shadow-elevated-md:0 8px 24px -4px rgba(0,0,0,.25),0 16px 48px -8px rgba(0,245,255,.2),inset 0 1px 0 hsla(0,0%,100%,.1);--shadow-elevated-lg:0 16px 48px -8px rgba(0,0,0,.3),0 32px 96px -16px rgba(131,56,236,.25),0 0 0 1px hsla(0,0%,100%,.1);--shadow-glow-cyan:0 0 60px rgba(0,245,255,.4);--shadow-glow-violet:0 0 60px rgba(131,56,236,.4);--shadow-glow-pink:0 0 60px rgba(255,0,110,.4);--space-xs:clamp(0.25rem,0.5vw,0.5rem);--space-sm:clamp(0.5rem,1vw,0.75rem);--space-md:clamp(0.75rem,1.5vw,1rem);--space-lg:clamp(1rem,2vw,1.5rem);--space-xl:clamp(1.5rem,3vw,2rem);--space-2xl:clamp(2rem,4vw,3rem);--space-3xl:clamp(3rem,6vw,4rem);--space-4xl:clamp(4rem,8vw,6rem);--font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:clamp(0.75rem,0.8vw,0.875rem);--text-sm:clamp(0.875rem,0.9vw,1rem);--text-base:clamp(1rem,1.1vw,1.125rem);--text-lg:clamp(1.125rem,1.3vw,1.25rem);--text-xl:clamp(1.25rem,1.5vw,1.5rem);--text-2xl:clamp(1.5rem,2vw,2rem);--text-3xl:clamp(2rem,3vw,3rem);--text-4xl:clamp(2.5rem,4vw,4rem);--text-5xl:clamp(3rem,6vw,6rem);--radius-xl:1.5rem;--radius-2xl:2rem;--radius-3xl:3rem;--border-subtle:1px solid hsla(0,0%,100%,.08);--border-medium:1px solid hsla(0,0%,100%,.12);--border-strong:1px solid hsla(0,0%,100%,.2);--border-gradient:1px solid transparent;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-emphasis:cubic-bezier(0.25,0.46,0.45,0.94);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-instant:150ms;--duration-fast:250ms;--duration-medium:400ms;--duration-slow:600ms;--duration-slower:900ms;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-modal-backdrop:1200;--z-modal:1300;--z-popover:1400;--z-tooltip:1500}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(131,56,236,.2)}50%{box-shadow:0 0 60px rgba(131,56,236,.6),0 0 90px rgba(0,245,255,.3)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes particle-rise{0%{opacity:0;transform:translateY(30px) scale(.8)}50%{opacity:1;transform:translateY(-10px) scale(1.1)}to{opacity:0;transform:translateY(-40px) scale(.9)}}.gradient-text{background:var(--gradient-cosmic);background-size:200% 200%;animation:gradient-shift 12s ease infinite}.text-kinetic{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);letter-spacing:-.04em}.text-kinetic:after{content:"";width:.75rem;height:.75rem;border-radius:999px;background:var(--primary-gradient);filter:blur(2px);animation:breathe 3.5s ease-in-out infinite}.text-fluid-display{font-family:var(--font-display);font-weight:900;letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.05}.glass-card{background:var(--glass-light);border-radius:var(--radius-2xl);border:var(--border-subtle);backdrop-filter:blur(24px);box-shadow:var(--shadow-elevated-sm);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated-md);border:var(--border-medium)}.glass-card-elevated{background:var(--glass-medium);border-radius:var(--radius-3xl);border:var(--border-medium);box-shadow:var(--shadow-elevated-lg);backdrop-filter:blur(28px);transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-smooth)}.glass-card-elevated:hover{transform:translateY(-6px);border:var(--border-strong)}.btn-revolutionary{background:var(--primary-gradient);letter-spacing:.02em;padding:.9rem 1.75rem;border-radius:var(--radius-full);box-shadow:0 20px 40px -12px rgba(0,245,255,.35);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth)}.btn-revolutionary:hover{box-shadow:0 28px 60px -18px rgba(131,56,236,.45)}.btn-revolutionary:active{transform:translateY(1px) scale(.99);transition-duration:var(--duration-instant)}.particle-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-orb{position:absolute;border-radius:999px;filter:blur(60px);mix-blend-mode:screen}.ambient-orb-cyan{background:radial-gradient(circle at 30% 30%,rgba(0,245,255,.35),transparent 60%)}.ambient-orb-violet{background:radial-gradient(circle at 70% 70%,rgba(131,56,236,.3),transparent 60%)}.ambient-orb-pink{background:radial-gradient(circle at 50% 50%,rgba(255,0,110,.25),transparent 60%)}.kinetic-card{position:relative;border-radius:var(--radius-3xl);overflow:hidden;isolation:isolate;background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);box-shadow:var(--shadow-elevated-lg);backdrop-filter:blur(20px)}.kinetic-card:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 90deg,rgba(0,245,255,.4),transparent,rgba(131,56,236,.3),transparent);opacity:0;transition:opacity var(--duration-slow) var(--ease-emphasis);animation:rotate 18s linear infinite;z-index:-1}.kinetic-card:hover:before{opacity:1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stagger-container>*{animation:reveal-up .7s var(--ease-emphasis) forwards;opacity:0}.stagger-container>:first-child{animation-delay:0ms}.stagger-container>:nth-child(2){animation-delay:.12s}.stagger-container>:nth-child(3){animation-delay:.22s}.stagger-container>:nth-child(4){animation-delay:.32s}.stat-card{position:relative;padding:var(--space-lg);border-radius:var(--radius-2xl);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(18px);box-shadow:var(--shadow-elevated-sm);overflow:hidden;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-smooth)}.stat-card:after{content:"";position:absolute;inset:-30%;background:linear-gradient(120deg,rgba(0,245,255,.35),rgba(131,56,236,.25));opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth);filter:blur(50px)}.stat-card:hover{transform:translateY(-6px);border-color:rgba(0,245,255,.2)}.stat-card:hover:after{opacity:1}.progress-track{position:relative;height:10px;background:hsla(0,0%,100%,.06);overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-full)}.progress-fill{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,245,255,.8),rgba(131,56,236,.8));box-shadow:0 0 30px rgba(0,245,255,.4)}.metric-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:var(--radius-full);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);font-weight:600;font-size:.9rem;letter-spacing:.02em}.metric-badge--positive{color:#4ade80;background:rgba(74,222,128,.16);border-color:rgba(74,222,128,.24)}.metric-badge--negative{color:#f87171;background:hsla(0,91%,71%,.16);border-color:hsla(0,91%,71%,.24)}.metric-badge--neutral{color:hsla(0,0%,100%,.7)}.glow-divider{position:relative;width:100%;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.35),transparent)}.glow-divider:after,.glow-divider:before{content:"";position:absolute;top:50%;width:80px;height:80px;border-radius:999px;filter:blur(40px);transform:translateY(-50%)}.glow-divider:before{left:10%;background:rgba(0,245,255,.35)}.glow-divider:after{right:10%;background:rgba(131,56,236,.35)}.layout-asymmetric{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.layout-asymmetric>:nth-child(odd){transform:translateY(-20px)}.layout-asymmetric>:nth-child(2n){transform:translateY(20px)}.badge-floating{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 30px -10px rgba(0,245,255,.4);animation:float-gentle 6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.badge-floating,.glass-card-elevated:hover,.glass-card:hover,.gradient-text,.kinetic-card:before,.text-kinetic:after{animation:none!important;transition:none!important}.stagger-container>*{animation:none!important;opacity:1!important}}:root{--tracker-bg-primary:#050b1d;--tracker-bg-secondary:#071227;--tracker-bg-tertiary:#0f1c33;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.08);--glass-hover-bg:hsla(0,0%,100%,.1);--glass-hover-border:rgba(6,182,212,.3);--text-xs:0.625rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.12);--shadow-md:0 4px 16px rgba(0,0,0,.16);--shadow-lg:0 8px 32px rgba(0,0,0,.24);--shadow-xl:0 16px 48px rgba(0,0,0,.32);--shadow-glow:0 0 20px rgba(6,182,212,.3);--shadow-glow-strong:0 0 40px rgba(6,182,212,.5);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--color-semantic-active:#3b82f6;--color-semantic-progress:#38bdf8;--color-semantic-complete:#10b981;--color-semantic-paused:#f59e0b;--color-semantic-danger:#ef4444;--color-semantic-ai:#a855f7;--color-semantic-neutral:hsla(0,0%,100%,.6)}.tracker-shell{position:relative;isolation:isolate;font-feature-settings:"kern","liga","calt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.tracker-shell:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 120% at 0 0,rgba(56,189,248,.08),transparent 65%),radial-gradient(140% 140% at 100% 0,rgba(139,92,246,.08),transparent 65%);opacity:.2;z-index:-1}.tracker-meta{font-size:var(--text-xs);letter-spacing:.32em;text-transform:uppercase;color:hsla(0,0%,100%,.45)}.tracker-meta--muted{color:hsla(0,0%,100%,.3)}.tracker-section-heading{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.6rem,1.2vw + 1.3rem,2.25rem);font-weight:700;letter-spacing:-.018em;color:#fff}.tracker-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--radius-2xl);border:1px solid hsla(0,0%,100%,.12);background:rgba(15,23,42,.5);color:hsla(0,0%,100%,.72);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.tracker-pill--highlight{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.35);color:hsla(0,0%,100%,.9)}.glass-card-tracker{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:all var(--transition-base);overflow:hidden}.glass-card-tracker:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,182,212,.1),transparent,rgba(139,92,246,.1));opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.glass-card-tracker:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.glass-card-tracker:hover:before{opacity:1}.tracker-tab-pill{position:relative;display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;border-radius:var(--radius-2xl);transition:all var(--transition-base);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tracker-tab-pill:not(.active){color:hsla(0,0%,100%,.6)}.tracker-tab-pill:not(.active):hover{color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.05)}.tracker-tab-pill.active{color:#000}.tracker-tab-pill .icon{width:1rem;height:1rem;transition:transform var(--transition-fast)}.tracker-tab-pill:hover .icon{transform:scale(1.1)}.tracker-tab-pill.active .icon{color:#000}.tracker-command-bar{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-3xl);border:1px solid hsla(0,0%,100%,.12);background:rgba(15,23,42,.62);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);box-shadow:0 20px 60px rgba(15,23,42,.35);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.tracker-command-bar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(139,92,246,.08));opacity:0;transition:opacity var(--transition-base)}.tracker-command-bar:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.18);box-shadow:0 26px 80px rgba(6,182,212,.35)}.tracker-command-bar:hover:before{opacity:1}.tracker-command-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-2xl);border:1px solid hsla(0,0%,100%,.12);background:rgba(15,23,42,.5);color:hsla(0,0%,100%,.7);font-size:.625rem;letter-spacing:.35em;text-transform:uppercase;transition:all var(--transition-base)}.tracker-command-chip:hover{color:#fff;border-color:rgba(6,182,212,.4)}.tracker-command-chip kbd{font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.6rem;padding:.2rem .45rem;border-radius:.5rem;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.75)}.tracker-gesture-hint{position:absolute;inset:auto 1.5rem -3rem auto;display:flex;align-items:center;gap:.65rem;padding:.55rem .95rem;border-radius:var(--radius-2xl);border:1px solid hsla(0,0%,100%,.12);background:rgba(15,23,42,.75);box-shadow:0 18px 50px rgba(15,23,42,.45);font-size:var(--text-xs);letter-spacing:.28em;text-transform:uppercase;color:hsla(0,0%,100%,.38)}@media (max-width:768px){.tracker-command-chip{display:none}.tracker-command-bar{padding:.65rem .85rem;border-radius:1.75rem}}.btn-tracker-primary{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6,#8b5cf6);border:none;border-radius:var(--radius-3xl);box-shadow:0 16px 48px rgba(6,182,212,.4);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.btn-tracker-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,182,212,.3),rgba(59,130,246,.2),rgba(139,92,246,.3));opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-3xl);filter:blur(20px);z-index:-1}.btn-tracker-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 60px rgba(6,182,212,.5)}.btn-tracker-primary:hover:before{opacity:1}.btn-tracker-primary:active{transform:translateY(0) scale(.98)}.btn-tracker-ghost{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;color:hsla(0,0%,100%,.8);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);background:hsla(0,0%,100%,.05);backdrop-filter:blur(18px);transition:all var(--transition-base)}.react-calendar-heatmap{width:100%}.react-calendar-heatmap text{fill:hsla(0,0%,100%,.35);font-size:.55rem}.react-calendar-heatmap .heatmap-level-0{fill:rgba(148,163,184,.18)}.react-calendar-heatmap .heatmap-level-1{fill:rgba(129,140,248,.35)}.react-calendar-heatmap .heatmap-level-2{fill:rgba(59,130,246,.48)}.react-calendar-heatmap .heatmap-level-3{fill:rgba(56,189,248,.6)}.react-calendar-heatmap .heatmap-level-4{fill:rgba(236,72,153,.75)}.react-calendar-heatmap rect{rx:6px;ry:6px;stroke:hsla(0,0%,100%,.12);stroke-width:.5;transition:transform .22s cubic-bezier(.34,1.56,.64,1),fill .22s ease,stroke .22s ease}.react-calendar-heatmap rect:hover{transform:translateY(-2px) scale(1.05);stroke:hsla(0,0%,100%,.6);stroke-width:1}.btn-tracker-ghost:hover{color:#fff;border-color:var(--glass-hover-border);background:hsla(0,0%,100%,.08);transform:translateY(-1px)}.btn-tracker-ghost:active{transform:translateY(0)}.tracker-headline-gradient{background:linear-gradient(120deg,hsla(0,0%,100%,.95),rgba(165,243,252,.9),rgba(167,139,250,.9));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 20px 60px rgba(165,243,252,.22);font-variation-settings:"wght" 700}.tracker-fluid-h1{font-size:clamp(2.6rem,3.4vw + 1.8rem,4.2rem);line-height:1.1;letter-spacing:-.02em}.tracker-bottom-nav{backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:linear-gradient(180deg,rgba(5,11,25,.92),rgba(5,11,25,.65));border-top:1px solid hsla(0,0%,100%,.08);box-shadow:0 -18px 48px rgba(11,23,48,.55)}.tracker-bottom-nav button{font-variation-settings:"wght" 640}.tracker-keyboard-hint{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-xs);letter-spacing:.24em;text-transform:uppercase;color:hsla(0,0%,100%,.3);display:inline-flex;align-items:center;gap:.625rem}.tracker-keyboard-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:2.125rem;padding:.375rem .75rem;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);font-size:.75rem;font-weight:600;letter-spacing:.16em;color:hsla(0,0%,100%,.6);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.08)}.tracker-ambient-orb{position:absolute;border-radius:9999px;filter:blur(120px);opacity:.9;animation:tracker-ambient-pulse 12s ease-in-out infinite}@keyframes tracker-ambient-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:.9}}.glass-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.37),inset 0 1px 0 0 hsla(0,0%,100%,.05)}.glass-card-elevated{background:hsla(0,0%,100%,.03);backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 20px 60px -15px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05)}.glass-card-premium{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(40px) saturate(180%);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 25px 75px -20px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.1),0 10px 20px -5px rgba(168,85,247,.2)}.gradient-text{background:linear-gradient(135deg,#a855f7,#ec4899 50%,#f59e0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient-shift 8s ease infinite}.gradient-text-purple{background:linear-gradient(135deg,#a855f7,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-pink{background:linear-gradient(135deg,#ec4899,#db2777);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-revolutionary{position:relative;overflow:hidden;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:none;border-radius:9999px;color:#fff;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -5px rgba(168,85,247,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)}.btn-revolutionary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#9333ea,#7c3aed);opacity:0;transition:opacity .3s ease}.btn-revolutionary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 40px -5px rgba(168,85,247,.6),inset 0 0 0 1px hsla(0,0%,100%,.15)}.btn-revolutionary:hover:before{opacity:1}.btn-revolutionary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);backdrop-filter:blur(10px);transition:all .3s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.glow-purple{box-shadow:0 0 20px rgba(168,85,247,.3),0 0 40px rgba(168,85,247,.2),0 0 60px rgba(168,85,247,.1)}.glow-pink{box-shadow:0 0 20px rgba(236,72,153,.3),0 0 40px rgba(236,72,153,.2),0 0 60px rgba(236,72,153,.1)}.glow-blue{box-shadow:0 0 20px rgba(59,130,246,.3),0 0 40px rgba(59,130,246,.2),0 0 60px rgba(59,130,246,.1)}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -10px rgba(0,0,0,.3)}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,hsla(0,0%,100%,.15) 50%,transparent 60%);animation:shimmer 3s infinite;pointer-events:none}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;inset:-4px;border:2px solid;border-radius:inherit;opacity:0;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.float,.float-delayed{animation:float 6s ease-in-out infinite}.float-delayed{animation-delay:2s}.gradient-border{position:relative;background:inherit}.gradient-border:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#a855f7,#ec4899,#f59e0b);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.animated-gradient-bg{background:linear-gradient(-45deg,#0a0118,#1a0b2e,#2d1b4e,#1a0b2e);background-size:400% 400%;animation:gradient-flow 15s ease infinite}.card-stack{position:relative}.card-stack:after,.card-stack:before{content:"";position:absolute;inset:8px 4px -4px;background:hsla(0,0%,100%,.02);border-radius:inherit;border:1px solid hsla(0,0%,100%,.05);z-index:-1}.card-stack:after{inset:16px 8px -8px;opacity:.5}.track-row{position:relative;padding:12px;border-radius:8px;transition:all .2s ease;cursor:pointer}.track-row:hover{background:hsla(0,0%,100%,.1)}.track-row.active{background:rgba(168,85,247,.15)}.track-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#a855f7;border-radius:0 2px 2px 0}.visualizer-bar{display:inline-block;width:3px;height:100%;background:currentColor;margin:0 1px;border-radius:2px;animation:visualizer .8s ease-in-out infinite}.visualizer-bar:first-child{animation-delay:0s}.visualizer-bar:nth-child(2){animation-delay:.15s}.visualizer-bar:nth-child(3){animation-delay:.3s}.progress-bar{height:6px;background:hsla(0,0%,100%,.1);overflow:hidden;cursor:pointer}.progress-bar,.progress-bar-fill{position:relative;border-radius:3px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899);transition:width .1s linear}.progress-bar-fill:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;transition:opacity .2s}.progress-bar:hover .progress-bar-fill:after{opacity:1}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:8px 12px;background:rgba(0,0,0,.9);color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.tooltip:hover:before{opacity:1;transform:translateX(-50%) translateY(-4px)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-gentle{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}@keyframes visualizer{0%,to{height:30%}50%{height:100%}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}@media (max-width:640px){.glass-card-elevated{backdrop-filter:blur(20px)}.btn-revolutionary{font-size:14px;padding:12px 24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.glass-card{background:hsla(0,0%,100%,.03)}.glass-card-elevated{background:hsla(0,0%,100%,.02)}}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}::selection{background:rgba(168,85,247,.3);color:#fff}::-moz-selection{background:rgba(168,85,247,.3);color:#fff}