@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.08) translateY(-4px)}65%{transform:scale(.96) translateY(2px)}85%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes springCartEntry{0%{transform:translateY(120px) scale(.9);opacity:0}65%{transform:translateY(-6px) scale(1.03);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes badgePop{0%{transform:scale(1)}45%{transform:scale(1.45) rotate(-6deg)}80%{transform:scale(.95)}to{transform:scale(1) rotate(0)}}.cart-floating-bar{animation:springCartEntry .45s cubic-bezier(.16,1,.3,1) forwards}.cart-bouncing{animation:cartBounce .45s cubic-bezier(.34,1.56,.64,1) forwards}.badge-pop{animation:badgePop .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes cartBtnShimmer{0%{left:-140%}25%{left:160%}to{left:160%}}.cart-main-button{position:relative;overflow:hidden}.cart-main-button:after{content:"";position:absolute;top:0;left:-140%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-25deg);animation:cartBtnShimmer 4.8s infinite ease-in-out 1.5s;pointer-events:none}.flying-particle{position:fixed;pointer-events:none;z-index:99999;border-radius:14px;box-shadow:0 12px 30px #00000059,0 2px 8px #0003;border:2px solid #ffffff;transition:all .52s cubic-bezier(.25,.1,.25,1);will-change:transform,left,top,opacity}@keyframes trendBorderGlow{0%,to{border-color:#ff3b304d;box-shadow:0 4px 16px #ff3b3014,0 1px 4px #00000008}50%{border-color:#ff3b30d9;box-shadow:0 8px 28px #ff3b3038,0 0 16px #ff95002e}}@keyframes cardShimmer{0%{left:-120%}32%{left:180%}to{left:180%}}@keyframes flamePulseDot{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.22);opacity:1}}.flame-trend-card{position:relative;background-color:#fff;border-radius:20px;border:1.5px solid rgba(255,59,48,.3)!important;animation:trendBorderGlow 2.5s infinite ease-in-out;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.flame-trend-card:after{content:"";position:absolute;top:0;left:-120%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:cardShimmer 5s infinite ease-in-out 1.2s;pointer-events:none;z-index:5}.flame-badge{background:linear-gradient(135deg,#ff3b30,#ff9500);color:#fff;box-shadow:0 2px 10px #ff3b3059;font-size:11px;font-weight:900;padding:4px 10px;border-radius:999px;display:flex;align-items:center;gap:4px}.flame-icon{display:inline-block;animation:flamePulseDot 1.4s infinite ease-in-out}@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}