:root{--n-background: #f7faf9;--n-background-gradient: #f0f7f5;--n-raised: #fff;--n-surface: #fffffff7;--n-surface-glass: #fffffffa;--n-surface-soft: #5ee1a714;--n-line: #5ee1a726;--n-disabled: #0003;--t-primary: #0a0d10;--t-secondary: #3d4349;--t-tertiary: #6b7280;--t-invert: #fff;--primary-start: #5ee1a7;--primary-end: #6fead2;--primary-glow: #5ee1a726;--primary-soft: #5ee1a71a;--mint-start: #5ee1a7;--mint-end: #6fead2;--secondary-start: #ffb88c;--secondary-end: #ffcba8;--secondary-glow: #ffb88c33;--mood-love: #ff6b8a;--mood-love-soft: #fee9e4;--mood-love-bg: #ff6b8a14;--mood-joy: #ffb84d;--mood-joy-soft: #fff5e6;--mood-joy-bg: #ffb84d14;--mood-calm: #5ee1a7;--mood-calm-soft: #e0f7f3;--mood-calm-bg: #5ee1a714;--mood-curious: #5eaeff;--mood-curious-soft: #e6f3ff;--mood-curious-bg: #5eaeff14;--mood-mystic: #b794f6;--mood-mystic-soft: #f3edff;--mood-mystic-bg: #b794f614;--mood-energy: #ffb88c;--mood-energy-soft: #ffeee4;--mood-energy-bg: #ffb88c14;--a-emerald: #5ee1a7;--a-sapphire: #5eaeff;--a-amethyst: #b794f6;--a-coral: #ff6b8a;--a-gold: #ffb84d;--s-success: #6dd4c6;--s-info: #5eaeff;--s-warn: #ffb84d;--s-error: #ff6b8a;--font-size: 16px;--background: var(--n-background);--foreground: var(--t-primary);--card: var(--n-surface);--card-foreground: var(--t-primary);--popover: var(--n-raised);--popover-foreground: var(--t-primary);--primary: var(--mint-start);--primary-foreground: var(--t-invert);--secondary: var(--n-surface);--secondary-foreground: var(--t-primary);--muted: var(--n-surface-soft);--muted-foreground: var(--t-tertiary);--accent: var(--mint-end);--accent-foreground: var(--t-primary);--destructive: var(--s-error);--destructive-foreground: var(--t-primary);--border: var(--n-line);--input: transparent;--input-background: var(--n-surface);--switch-background: var(--n-disabled);--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-semibold: 600;--ring: var(--mint-start);--radius: 1.5rem;--text-display: 28px;--text-h1: 24px;--text-h2: 20px;--text-h3: 17px;--text-body: 16px;--text-body-lg: 17px;--text-small: 14px;--text-xs: 13px;--text-meta: 12px;--lh-display: 1.25;--lh-h1: 1.35;--lh-h2: 1.4;--lh-h3: 1.45;--lh-body: 1.65;--lh-body-relaxed: 1.75;--lh-small: 1.5;--lh-tight: 1.25;--ls-tight: -.015em;--ls-normal: 0;--ls-wide: .01em;--ls-wider: .025em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-card: 24px;--radius-sheet: 24px;--radius-modal: 24px;--radius-fab: 24px;--blur-xs: 8px;--blur-sm: 16px;--blur-md: 24px;--blur-lg: 32px;--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes mint-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow-ring{0%{box-shadow:0 0 #5ee1a766}to{box-shadow:0 0 0 8px #5ee1a700}}@keyframes soft-shine{0%{background-position:-200%}to{background-position:200%}}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-soft-shine{animation:3s linear infinite soft-shine}.animate-gentle-bounce{animation:2s ease-in-out infinite gentle-bounce}.animate-pulse-glow{animation:6s ease-in-out infinite pulse-glow}.animate-shimmer{animation:2s linear infinite shimmer}.animate-float{animation:3s ease-in-out infinite float}.animate-fade-up{animation:.4s ease-out forwards fade-up}.animate-glow-ring{animation:.2s ease-out forwards glow-ring}.text-display{font-size:var(--text-display);line-height:var(--lh-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight)}.text-h1{font-size:var(--text-h1);line-height:var(--lh-h1);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight)}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--lh-body-relaxed);font-weight:var(--fw-regular)}.text-body{font-size:var(--text-body);line-height:var(--lh-body-relaxed);font-weight:var(--fw-regular)}.text-small{font-size:var(--text-small);line-height:var(--lh-small);font-weight:var(--fw-medium)}.text-xs{font-size:var(--text-xs);line-height:var(--lh-small);font-weight:var(--fw-medium)}.text-meta{font-size:var(--text-meta);line-height:var(--lh-tight);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase}.gradient-text-subtle{background:linear-gradient(#111,#444 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-surface{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:linear-gradient(#fffffffa,#f7fcfaf2);border:1px solid #5ee1a71f;box-shadow:0 1px 3px #0000000f,0 1px 2px #00000005,inset 0 1px #fffc}.glass-surface-soft{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:linear-gradient(135deg,#ffffffe6,#f7faf9d9);border:1px solid #fffc;box-shadow:0 8px 32px #5ee1a70f,0 2px 8px #00000005,inset 0 1px #ffffffe6}.gradient-mint{background:linear-gradient(45deg,var(--mint-start),var(--mint-end))}.gradient-mint-text{background:linear-gradient(45deg,var(--mint-start),var(--mint-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shadow-glow-primary{box-shadow:0 8px 24px var(--primary-glow)}.shadow-glow-primary-strong{box-shadow:0 12px 32px #5ee1a740}.shadow-mint-glow{box-shadow:0 0 20px #5ee1a726,inset 0 0 10px #5ee1a70d}.shadow-glow-mint{box-shadow:0 8px 24px #5ee1a72e}.shadow-glow-mint-strong{box-shadow:0 12px 32px #5ee1a74d}.shadow-elevation-1{box-shadow:0 2px 8px #5ee1a714,0 1px 2px #0000000a,inset 0 .5px #fffc}.shadow-elevation-2{box-shadow:0 4px 16px #5ee1a71a,0 2px 6px #0000000d,inset 0 1px #ffffffe6}.shadow-elevation-3{box-shadow:0 12px 40px #5ee1a71f,0 4px 12px #0000000f,inset 0 2px #fffffff2}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scrollbar-hide::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px;border-radius:8px}