:root{--color-brand-primary: #c41e3a;--color-brand-primaryDark: #9d1729;--color-brand-primaryDeeper: #8e1524;--color-brand-soft: rgba(196,30,58,.35);--color-brand-glow: rgba(196,30,58,.06);--color-navy-primary: #1e3a5f;--color-navy-deep: #0f1f33;--color-navy-light: #254874;--color-navy-deeper: #101d33;--color-navy-tint: rgba(30,58,95,.08);--color-gold-primary: #d4af37;--color-gold-dark: #a68522;--color-gold-soft: #f4d88a;--color-gold-pale: #fef3c7;--color-gold-deep: #fde68a;--color-gold-brown: #b8860b;--color-gold-text: #8B6914;--color-gold-tint: rgba(212,175,55,.15);--color-neutral-white: #ffffff;--color-neutral-gray50: #f8fafc;--color-neutral-gray100: #eef1f6;--color-neutral-gray200: #e5e9f0;--color-neutral-gray300: #cbd5e1;--color-neutral-gray400: #94a3b8;--color-neutral-gray500: #6b7691;--color-neutral-gray600: #4a5568;--color-neutral-gray900: #0b1220;--color-neutral-blackBg: #050810;--color-neutral-surface1: #12172a;--color-neutral-surface2: #1e2540;--color-neutral-surface3: #2a3354;--color-neutral-surfaceVarA: #222a48;--color-neutral-surfaceVarB: #1a2140;--color-neutral-surfaceVarC: #181f36;--color-neutral-textPrimaryDark: #f8fafc;--color-neutral-textSecondaryDark: #a9b4cc;--color-semantic-success: #28aa6e;--color-semantic-successDark: #059669;--color-semantic-successSoft: #d1fae5;--color-semantic-successLight: #4ade80;--color-semantic-successDeep: #1a7a4a;--color-semantic-warning: #f59e0b;--color-semantic-warningDeep: #78350f;--color-semantic-warningMedium: #92400e;--color-semantic-warningBright: #c47a0a;--color-semantic-error: #e74c3c;--color-semantic-errorSoft: #f87171;--color-semantic-errorDeep: #c0392b;--color-glass-white20: rgba(255,255,255,.2);--color-glass-white15: rgba(255,255,255,.15);--color-glass-white12: rgba(255,255,255,.12);--color-glass-white10: rgba(255,255,255,.1);--color-glass-white8: rgba(255,255,255,.08);--color-glass-white6: rgba(255,255,255,.06);--color-border-light: #e5e9f0;--color-border-darkStrong: rgba(255,255,255,.22);--color-border-darkDefault: rgba(255,255,255,.14);--gradient-brand: linear-gradient(135deg,#c41e3a 0%,#1e3a5f 100%);--gradient-brandAlt: linear-gradient(135deg,#d63452 0%,#3a5a88 100%);--gradient-hero: linear-gradient(135deg,#c41e3a 0%,#1e3a5f 55%,#0f1f33 100%);--gradient-heroDark: linear-gradient(135deg,#c41e3a 0%,#8e1524 45%,#0f1f33 100%);--gradient-navy: linear-gradient(135deg,#1e3a5f 0%,#0f1f33 100%);--gradient-navyLight: linear-gradient(135deg,#254874 0%,#101d33 100%);--gradient-gold: linear-gradient(135deg,#d4af37 0%,#a68522 100%);--gradient-cardGrad: linear-gradient(145deg,#181f36 0%,#12172a 100%);--gradient-nestedGrad: linear-gradient(145deg,#222a48 0%,#1a2140 100%);--typography-fontFamily-primary: "Inter","Noto Sans SC",sans-serif;--typography-fontFamily-mono: "JetBrains Mono",monospace;--typography-fontFamily-system: system-ui,-apple-system,sans-serif;--typography-fontWeight-regular: 400;--typography-fontWeight-medium: 500;--typography-fontWeight-semibold: 600;--typography-fontWeight-bold: 700;--typography-fontSize-xs: 9px;--typography-fontSize-sm: 10px;--typography-fontSize-smAlt: 10.5px;--typography-fontSize-baseSm: 11px;--typography-fontSize-base: 12px;--typography-fontSize-md: 13px;--typography-fontSize-basePlus: 14px;--typography-fontSize-lg: 15px;--typography-fontSize-xl: 16px;--typography-fontSize-2xl: 18px;--typography-fontSize-3xl: 20px;--typography-fontSize-4xl: 22px;--typography-fontSize-5xl: 28px;--typography-fontSize-6xl: 32px;--typography-lineHeight-tight: 1.2;--typography-lineHeight-normal: 1.5;--typography-lineHeight-relaxed: 1.7;--spacing-anchor: 4px;--spacing-2xs: 2px;--spacing-xs: 3px;--spacing-sm: 4px;--spacing-smPlus: 5px;--spacing-md: 6px;--spacing-mdPlus: 8px;--spacing-lg: 10px;--spacing-lgPlus: 12px;--spacing-xl: 14px;--spacing-2xl: 16px;--spacing-3xl: 24px;--spacing-4xl: 28px;--spacing-5xl: 32px;--spacing-6xl: 36px;--radius-sm: 8px;--radius-smPlus: 10px;--radius-md: 12px;--radius-mdPlus: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--radius-circle: 50%;--shadow-light-sm: 0 2px 8px rgba(30,58,95,.06);--shadow-light-md: 0 8px 24px rgba(30,58,95,.08);--shadow-light-lg: 0 20px 48px rgba(30,58,95,.14);--shadow-dark-sm: 0 2px 8px rgba(0,0,0,.5);--shadow-dark-md: 0 8px 24px rgba(0,0,0,.55);--shadow-dark-lg: 0 20px 48px rgba(0,0,0,.65);--shadow-inner-subtle: inset 0 1px 0 rgba(255,255,255,.05);--shadow-inner-strong: inset 0 1px 0 rgba(255,255,255,.06);--motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--motion-easing-ease: ease;--motion-duration-quick: .2s;--motion-duration-standard: .25s;--motion-duration-slow: .35s;--motion-backdropBlur-sm: 8px;--motion-backdropBlur-md: 10px;--motion-backdropBlur-lg: 12px;--motion-backdropBlur-xl: 20px;--brand-primary: var(--color-brand-primary);--bg: var(--color-neutral-gray100);--surface: var(--color-neutral-white);--surface-2: var(--color-neutral-gray50);--surface-3: var(--color-neutral-gray200);--text: var(--color-neutral-gray900);--text-2: var(--color-neutral-gray600);--muted: var(--color-neutral-gray400);--line: var(--color-border-light);--line-strong: var(--color-neutral-gray300);--shadow-sm: var(--shadow-light-sm);--shadow-md: var(--shadow-light-md);--shadow-lg: var(--shadow-light-lg);--breakpoint-phone: 375px;--breakpoint-phonePlus: 414px;--breakpoint-tablet: 768px;--zIndex-base: 1;--zIndex-sticky: 10;--zIndex-dropdown: 20;--zIndex-modal: 30;--zIndex-toast: 40;--zIndex-statusBar: 50}body.dark,[data-theme=dark]{--bg: #050810;--brand-primary: var(--color-brand-primary);--surface: #12172a;--surface-2: #1e2540;--surface-3: #2a3354;--text: #f8fafc;--text-2: #a9b4cc;--muted: #6b7691;--line: rgba(255,255,255,.14);--line-strong: rgba(255,255,255,.22);--shadow-sm: 0 2px 8px rgba(0,0,0,.5);--shadow-md: 0 8px 24px rgba(0,0,0,.55);--shadow-lg: 0 20px 48px rgba(0,0,0,.65)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--brand-primary)}.text-navy{color:var(--navy-primary)}.text-gold{color:var(--gold-primary)}.text-muted{color:var(--muted)}.text-success{color:var(--semantic-success)}.text-error{color:var(--semantic-error)}.text-warning{color:var(--semantic-warning)}.bg-primary{background:var(--brand-primary)}.bg-navy{background:var(--navy-primary)}.bg-gold{background:var(--gold-primary)}.bg-surface{background:var(--surface)}.bg-surface-2{background:var(--surface-2)}:focus-visible{outline:none;box-shadow:0 0 0 3px #c41e3a59;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-40px;left:0;padding:8px 16px;background:var(--brand-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:100;border-radius:var(--radius-sm);transition:top .2s var(--motion-easing-standard);text-decoration:none}.skip-link:focus{top:0}button:active,a:active{transform:scale(.97);opacity:.85;transition:all .1s var(--motion-easing-standard)}@media (max-width: 360px){.phone-frame{width:320px;max-width:100%}}@media (min-width: 768px) and (max-width: 1024px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.app-grid{grid-template-columns:repeat(3,1fr)}}@media (hover: hover){.card:hover{border-color:var(--brand-primary);transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes buttonPress{0%{transform:scale(1);opacity:1}40%{transform:scale(.97);opacity:.85}to{transform:scale(1);opacity:1}}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes heroEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientBreath{0%,to{filter:brightness(1)}50%{filter:brightness(1.03)}}@keyframes tabIndicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sourceTabEnter{0%{opacity:0}to{opacity:1}}@keyframes valueExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes valueEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes trendArrowEnter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shimmerSweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes aiPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes aiContentEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes aiBadgeEnter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes badgeExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes badgeEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes listItemEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes waveOscillate{0%,to{height:8px}50%{height:24px}}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes progressPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes sheetEnter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetExit{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes overlayEnter{0%{opacity:0}to{opacity:.4}}@keyframes overlayExit{0%{opacity:.4}to{opacity:0}}@keyframes sheetContentEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.animate-fade-slide-up{animation:cardEnter .25s cubic-bezier(.4,0,.2,1) forwards}.btn-press{animation:buttonPress .2s cubic-bezier(.4,0,.2,1) forwards}.animate-hero-enter{animation:heroEnter .35s cubic-bezier(.4,0,.2,1) forwards}.hero-breathing{animation:gradientBreath 20s ease-in-out infinite}.tab-indicator{transform-origin:center;animation:tabIndicator .2s cubic-bezier(.4,0,.2,1) forwards}.animate-source-tab{animation:sourceTabEnter .2s cubic-bezier(.4,0,.2,1) forwards}.animate-value-enter{animation:valueEnter .15s cubic-bezier(.4,0,.2,1) .1s forwards}.animate-trend-arrow{animation:trendArrowEnter .2s cubic-bezier(.4,0,.2,1) .2s forwards}.ai-shimmer{background:linear-gradient(90deg,transparent 25%,rgba(212,175,55,.08) 50%,transparent 75%);background-size:200% 100%;animation:shimmerSweep 1.5s linear infinite}.ai-pulse-text{animation:aiPulse 1.2s ease-in-out infinite}.animate-ai-content{animation:aiContentEnter .3s cubic-bezier(.4,0,.2,1) forwards}.animate-ai-badge{animation:aiBadgeEnter .2s cubic-bezier(.4,0,.2,1) .4s forwards}.animate-badge-enter{animation:badgeEnter .15s cubic-bezier(.4,0,.2,1) .1s forwards}.animate-list-item{animation:listItemEnter .25s cubic-bezier(.4,0,.2,1) forwards}.wave-bar{display:inline-block;width:3px;background:var(--brand-primary);border-radius:2px;animation:waveOscillate .8s ease-in-out infinite}.wave-bar:nth-child(1){animation-delay:0ms}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}.progress-fill{transform-origin:left;animation:progressGrow .35s cubic-bezier(.4,0,.2,1) forwards}.progress-complete{animation:progressPulse .4s cubic-bezier(.4,0,.2,1) forwards}.animate-sheet-enter{animation:sheetEnter .3s cubic-bezier(.4,0,.2,1) forwards}.animate-sheet-exit{animation:sheetExit .25s cubic-bezier(.4,0,.2,1) forwards}.animate-overlay-enter{animation:overlayEnter .2s cubic-bezier(.4,0,.2,1) forwards}.animate-overlay-exit{animation:overlayExit .2s cubic-bezier(.4,0,.2,1) forwards}.animate-sheet-content{animation:sheetContentEnter .25s cubic-bezier(.4,0,.2,1) .1s forwards}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface-2) 25%,rgba(255,255,255,.08) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s linear infinite}.animate-toast-enter{animation:toastEnter .25s cubic-bezier(.4,0,.2,1) forwards}.animate-toast-exit{animation:toastExit .2s ease-in forwards}.stagger{animation-delay:calc(var(--i, 0) * 40ms)}.transition-card{transition:border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.transition-color{transition:color .2s cubic-bezier(.4,0,.2,1)}.transition-bg{transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:not(:disabled){transition:filter var(--motion-duration-quick) var(--motion-easing-standard)}.btn:not(:disabled):hover{filter:brightness(1.08)}.card{transition:transform var(--motion-duration-quick) var(--motion-easing-standard),box-shadow var(--motion-duration-quick) var(--motion-easing-standard),border-color var(--motion-duration-quick) var(--motion-easing-standard)}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)!important;border-color:var(--brand-primary)!important}