@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #ebebed;--surface: #ffffff;--surface-raised: #ffffff;--surface-translucent: rgba(255, 255, 255, .85);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent: #1d1d1f;--accent-hover: #000000;--accent-light: #f5f5f7;--primary-red: #ff3b30;--primary-green: #34c759;--primary-blue: #0071e3;--primary-orange: #ff9500;--border-light: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .08);--shadow-float: 0 12px 32px rgba(0, 0, 0, .12);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background-color:#f5f5f7;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body.modal-open{overflow:hidden!important;touch-action:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cartBounce{0%{transform:scale(1)}35%{transform:scale(1.28) rotate(-4deg)}65%{transform:scale(.92) rotate(2deg)}85%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 10px 30px #00000026}50%{box-shadow:0 10px 40px #ff3b3066}}.cart-bouncing{animation:cartBounce .6s cubic-bezier(.34,1.56,.64,1) forwards}.flying-particle{position:fixed;pointer-events:none;z-index:99999;border-radius:50%;box-shadow:0 8px 24px #00000040;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .65s ease,scale .65s ease}.glass-header{background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulseIcon{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}@keyframes checkPop{0%{transform:scale(.5) rotate(-20deg);opacity:0}70%{transform:scale(1.2) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.pulse-icon{animation:pulseIcon 1.2s infinite ease-in-out}.check-pop{animation:checkPop .4s cubic-bezier(.16,1,.3,1) forwards}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes flameAura{0%{box-shadow:0 0 16px #ff450073,0 0 32px #ff8c0047,inset 0 0 12px #ff450026;border-color:#ff5722}50%{box-shadow:0 0 28px #ff1e00cc,0 0 52px #ffa5008c,inset 0 0 20px #ff45004d;border-color:#ff1744}to{box-shadow:0 0 16px #ff450073,0 0 32px #ff8c0047,inset 0 0 12px #ff450026;border-color:#ff5722}}@keyframes flameEmber{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}to{transform:translateY(0) scale(1)}}.flame-trend-card{position:relative;animation:flameAura 2s infinite ease-in-out!important;border:2px solid #ff5722!important}.flame-badge{background:linear-gradient(135deg,#ff1e00,#f70)!important;color:#fff!important;box-shadow:0 4px 14px #ff450073!important;animation:flameEmber 1.8s infinite ease-in-out}.category-rect-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 3px 12px #00000008;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;-webkit-user-select:none;user-select:none;text-decoration:none}.category-rect-card:active{transform:scale(.97);background-color:#f8fafc}.category-rect-card .category-icon{width:44px;height:44px;border-radius:14px;background-color:#f5f5f7;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 2px 6px #0000000a}