@custom-variant dark (&:is(.dark *));html{background-color:#0d0d0d}body{color:#f5f0e8;background-color:#0d0d0d;min-height:100vh;margin:0;padding:0}.lucide,[data-lucide],svg[class*=lucide-],.lucide-icon svg{vertical-align:middle!important;flex-shrink:0!important;width:20px!important;max-width:24px!important;height:20px!important;max-height:24px!important;display:inline-block!important}header .lucide,header [data-lucide]{width:20px!important;height:20px!important}:root{--tea-lime:#9fd356;--tea-lime-dark:#7fb030;--tea-brown:#8b7355;--tea-gold:#c9a55c;--radius:.625rem}:root,:root[data-theme=dark],.dark{--bg-primary:#0d0d0d;--bg-secondary:#1a1a1a;--bg-tertiary:#141414;--bg-elevated:#252525;--text-primary:#f5f0e8;--text-secondary:#f5f0e8b3;--text-muted:#f5f0e880;--text-subtle:#f5f0e866;--brand-primary:#9fd356;--brand-foreground:#0d0d0d;--accent:#9fd356;--accent-hover:#7fb030;--accent-muted:#9fd35633;--accent-subtle:#9fd3561a;--secondary:#8b7355;--secondary-muted:#8b735533;--border:#f5f0e81a;--border-hover:#f5f0e833;--border-accent:#9fd3564d;--card-bg:#1a1a1a;--card-bg-hover:#252525;--card-border:#f5f0e80d;--input-bg:#f5f0e80d;--input-border:#f5f0e81a;--input-focus:#9fd3564d;--header-bg:#0d0d0df2;--header-bg-solid:#0d0d0d;--dropdown-bg:#1a1a1a;--dropdown-border:#f5f0e81a;--dropdown-hover-bg:#f5f0e81a;--dropdown-active-bg:#9fd35633;--dropdown-active-text:#9fd356;--dropdown-text:#f5f0e8cc;--theme-toggle-bg:#f5f0e81a;--theme-toggle-hover:#f5f0e833;--theme-toggle-text:#f5f0e8;--gradient-hero:linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #0d0d0d 100%);--gradient-card:linear-gradient(180deg, #1a1a1a 0%, #141414 100%);--gradient-section:linear-gradient(180deg, transparent 0%, #9fd3560d 50%, transparent 100%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #9fd3564d;--scrollbar-track:#0d0d0d;--scrollbar-thumb:#8b7355;--scrollbar-thumb-hover:#9fd356;--toast-bg:#1a1a1a;--toast-border:#9fd3564d;--tea-black:#0d0d0d;--tea-cream:#f5f0e8;--tea-cream-muted:#e8e0d5;--tea-dark-brown:#3d2e1f;--background:#0d0d0d;--foreground:#f5f0e8;--card:#1a1a1a;--card-foreground:#f5f0e8;--popover:#1a1a1a;--popover-foreground:#f5f0e8;--primary:#9fd356;--primary-foreground:#0d0d0d;--secondary-foreground:#f5f0e8;--muted:#2a2a2a;--muted-foreground:#a0a0a0;--accent-foreground:#0d0d0d;--destructive:#ef4444;--input:#f5f0e81a;--ring:#9fd356;--chart-1:#9fd356;--chart-2:#8b7355;--chart-3:#c9a55c;--chart-4:#f5f0e8;--chart-5:#7fb030;--sidebar:#141414;--sidebar-foreground:#f5f0e8;--sidebar-primary:#9fd356;--sidebar-primary-foreground:#0d0d0d;--sidebar-accent:#1f1f1f;--sidebar-accent-foreground:#f5f0e8;--sidebar-border:#f5f0e81a;--sidebar-ring:#9fd356}:root[data-theme=light],.light{--bg-primary:#faf7f2;--bg-secondary:#f5f0e8;--bg-tertiary:#ede6db;--bg-elevated:#fff;--text-primary:#2c2416;--text-secondary:#2c2416bf;--text-muted:#2c24168c;--text-subtle:#2c241666;--accent:#7fb030;--accent-hover:#6a9428;--accent-muted:#7fb03033;--accent-subtle:#7fb0301a;--secondary:#6b5744;--secondary-muted:#6b574426;--border:#2c24161a;--border-hover:#2c241633;--border-accent:#7fb03066;--card-bg:#fff;--card-bg-hover:#faf7f2;--card-border:#2c241614;--input-bg:#fff;--input-border:#2c241626;--input-focus:#7fb03066;--header-bg:#faf7f2f2;--header-bg-solid:#faf7f2;--dropdown-bg:#fff;--dropdown-border:#2c24161a;--dropdown-hover-bg:#2c24160d;--dropdown-active-bg:#7fb03026;--dropdown-active-text:#6a9428;--dropdown-text:#2c2416cc;--theme-toggle-bg:#2c241614;--theme-toggle-hover:#2c24161f;--theme-toggle-text:#2c2416;--gradient-hero:linear-gradient(135deg, #faf7f2 0%, #f5f0e8 50%, #faf7f2 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f5f0e8 100%);--gradient-section:linear-gradient(180deg, transparent 0%, #7fb03014 50%, transparent 100%);--shadow-sm:0 2px 8px #2c24160f;--shadow-md:0 4px 16px #2c241614;--shadow-lg:0 8px 32px #2c24161f;--shadow-glow:0 0 20px #7fb03040;--scrollbar-track:#f5f0e8;--scrollbar-thumb:#c4b8a5;--scrollbar-thumb-hover:#7fb030;--toast-bg:#fff;--toast-border:#7fb03066;--tea-black:#2c2416;--tea-cream:#2c2416;--tea-cream-muted:#3d2e1f;--tea-dark-brown:#3d2e1f;--background:#faf7f2;--foreground:#2c2416;--card:#fff;--card-foreground:#2c2416;--popover:#fff;--popover-foreground:#2c2416;--primary:#7fb030;--primary-foreground:#fff;--secondary-foreground:#2c2416;--muted:#ede6db;--muted-foreground:#2c241699;--accent-foreground:#fff;--destructive:#dc2626;--input:#2c241614;--ring:#7fb030;--chart-1:#7fb030;--chart-2:#6b5744;--chart-3:#b89b5c;--chart-4:#2c2416;--chart-5:#9fd356;--sidebar:#f5f0e8;--sidebar-foreground:#2c2416;--sidebar-primary:#7fb030;--sidebar-primary-foreground:#fff;--sidebar-accent:#ede6db;--sidebar-accent-foreground:#2c2416;--sidebar-border:#2c24161a;--sidebar-ring:#7fb030}@theme inline{--radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring);  --font-heading: "Cormorant Garamond", Georgia, serif; --font-body: "Manrope", system-ui, sans-serif;}@layer base{@apply border-border outline-ring/50;html{scroll-behavior:smooth}@apply bg-background text-foreground antialiased;body{font-family:var(--font-body);transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}}html{scroll-behavior:smooth}*,:before,:after{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.2s;transition-timing-function:ease-out}.no-transition,.no-transition *,[data-no-transition],[data-no-transition] *{transition:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #9fd3564d}50%{box-shadow:0 0 40px #9fd35699}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes count-up{0%{--num:0}to{--num:var(--target)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-shimmer{background:linear-gradient(90deg,#0000,#9fd3561a,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.animate-fade-in-up{animation:.6s ease-out forwards fade-in-up}.animate-scale-in{animation:.5s ease-out forwards scale-in}.animate-slide-in-left{animation:.6s ease-out forwards slide-in-left}.animate-slide-in-right{animation:.6s ease-out forwards slide-in-right}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}.animation-delay-700{animation-delay:.7s}.animation-delay-800{animation-delay:.8s}.gradient-text{background:linear-gradient(135deg, var(--tea-lime), var(--tea-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1acc;border:1px solid #f5f0e81a}.noise-overlay{position:relative}.noise-overlay:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.tea-pattern{background-image:radial-gradient(circle at 20% 80%,#9fd3560d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b73550d 0%,#0000 50%),radial-gradient(circle,#c9a55c08 0%,#0000 70%)}.timer-ring{stroke-dasharray:283;stroke-dashoffset:283px;transform-origin:50%;animation:15s linear infinite timer-fill;transform:rotate(-90deg)}@keyframes timer-fill{to{stroke-dashoffset:0}}.card-shine{position:relative;overflow:hidden}.card-shine:after{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)rotate(45deg)}.card-shine:hover:after{transform:translate(100%)rotate(45deg)}input:focus,textarea:focus,select:focus{border-color:var(--tea-lime);outline:none;box-shadow:0 0 0 3px #9fd35633}.btn-primary{background:var(--tea-lime);color:var(--tea-black);border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-primary:hover{background:var(--tea-lime-dark);transform:translateY(-2px);box-shadow:0 10px 20px #9fd3564d}.btn-secondary{color:var(--tea-cream);border:1px solid var(--tea-cream);background:0 0;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .3s}.btn-secondary:hover{background:var(--tea-cream);color:var(--tea-black)}@keyframes steam-rise-v2{0%{opacity:0;transform:translateY(0)translate(0)scale(.4)}12%{opacity:var(--peak-opacity,.7)}35%{opacity:var(--peak-opacity,.7);transform:translateY(-40px) translateX(var(--drift-a)) scale(.9)}65%{opacity:calc(var(--peak-opacity,.7) * .5);transform:translateY(-80px) translateX(var(--drift-b)) scale(1.2)}to{opacity:0;transform:translateY(-140px) translateX(var(--drift-a)) scale(1.6)}}.steam-particle{pointer-events:none;background:radial-gradient(circle,#f5f0e8b3 0%,#0000 70%);border-radius:50%;animation:3s ease-out infinite steam-rise-v2;position:absolute}.steam-particle-v2{animation:steam-rise-v2 var(--duration,3.5s) ease-out infinite;pointer-events:none;background:radial-gradient(at 40% 40%,#f5f0e8e6 0%,#f5f0e84d 50%,#0000 75%);border-radius:50% 40% 55% 45%/50% 55% 45% 50%;position:absolute}@keyframes countdown-pulse{0%,to{filter:drop-shadow(0 0 20px #9fd3564d);transform:scale(1)}50%{filter:drop-shadow(0 0 40px #9fd35699);transform:scale(1.02)}}.countdown-number{animation:1s ease-in-out infinite countdown-pulse}.card-3d-tilt{transform-style:preserve-3d;transition:transform .3s}.card-3d-tilt:hover{transform:perspective(1200px) rotateX(var(--rotateX,0deg)) rotateY(var(--rotateY,0deg)) scale(1.04)}@keyframes shine-sweep{0%{opacity:0;transform:translate(-120%)skew(-18deg)}15%{opacity:1}85%{opacity:.6}to{opacity:0;transform:translate(220%)skew(-18deg)}}.card-shimmer{position:relative;overflow:hidden}.card-shimmer:before{content:"";z-index:15;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 0%,#ffffff0a 20%,#9fd3562e 50%,#ffffff0a 80%,#0000 100%);width:45%;position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.card-shimmer:hover:before{animation:1s cubic-bezier(.4,0,.2,1) shine-sweep}.magnetic-btn{cursor:pointer;will-change:transform;position:relative}@keyframes fly-to-cart{0%{opacity:1;transform:scale(1)translate(0)}50%{opacity:.8;transform:scale(.5) translate(var(--fly-x,100px), var(--fly-y,-200px))}to{opacity:0;transform:scale(.2) translate(var(--fly-x-end,200px), var(--fly-y-end,-400px))}}.fly-to-cart{pointer-events:none;z-index:9999;animation:.7s cubic-bezier(.2,.8,.2,1) forwards fly-to-cart;position:fixed}@keyframes cart-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}75%{transform:scale(1.15)}}.cart-bounce{animation:.5s ease-out cart-bounce}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)translateY(0)}to{opacity:1;transform:translate(0)translateY(0)}}.toast-slide-in{animation:.4s cubic-bezier(.2,.8,.2,1) forwards toast-slide-in}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.confetti-piece{animation:confetti-fall var(--fall-duration,3s) linear forwards;z-index:9999;pointer-events:none;position:fixed;top:0}@keyframes tea-fill{0%{opacity:.3;height:0%}50%{opacity:1}to{opacity:1;height:70%}}@keyframes tea-steam{0%,to{opacity:0;transform:translateY(0)scale(.8)}50%{opacity:.6;transform:translateY(-15px)scale(1)}}.tea-loader-liquid{animation:1.5s ease-in-out infinite alternate tea-fill}.tea-loader-steam{animation:1.2s ease-in-out infinite tea-steam}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.4s ease-out page-fade-in}@keyframes reveal-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-left{0%{opacity:0;transform:translate(-56px)}to{opacity:1;transform:translate(0)}}@keyframes reveal-right{0%{opacity:0;transform:translate(56px)}to{opacity:1;transform:translate(0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes reveal-blur{0%{opacity:0;filter:blur(14px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes reveal-clip{0%{clip-path:inset(0 0 100%);transform:translateY(8px)}to{clip-path:inset(0 0 0%);transform:translateY(0)}}@keyframes reveal-flip{0%{opacity:0;transform:perspective(600px)rotateX(60deg)}to{opacity:1;transform:perspective(600px)rotateX(0)}}.scroll-reveal{opacity:0}.scroll-reveal.revealed{animation:.7s cubic-bezier(.16,1,.3,1) forwards reveal-up}.scroll-reveal-left.revealed{animation:.7s cubic-bezier(.16,1,.3,1) forwards reveal-left}.scroll-reveal-right.revealed{animation:.7s cubic-bezier(.16,1,.3,1) forwards reveal-right}.scroll-reveal-scale.revealed{animation:.7s cubic-bezier(.16,1,.3,1) forwards reveal-scale}.scroll-reveal-blur.revealed{animation:.8s cubic-bezier(.16,1,.3,1) forwards reveal-blur}.scroll-reveal-clip.revealed{animation:.7s cubic-bezier(.16,1,.3,1) forwards reveal-clip}.scroll-reveal-flip.revealed{transform-origin:top;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards reveal-flip}@keyframes count-slide{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animated-digit{animation:.5s ease-out forwards count-slide;display:inline-block}@keyframes draw-line{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.chart-line-draw{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s ease-out forwards draw-line}@keyframes water-heat{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@keyframes pour-liquid{0%{height:0}to{height:100%}}@keyframes cup-steam-rise{0%{opacity:0;transform:translateY(0)scaleX(1)}50%{opacity:1;transform:translateY(-20px)scaleX(1.2)}to{opacity:0;transform:translateY(-40px)scaleX(.8)}}@keyframes tea-spill{0%{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(-25deg)}60%{transform:rotate(-35deg)}to{transform:rotate(-45deg)}}@keyframes liquid-flow{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.tea-cup-spill{transform-origin:100% 100%;animation:1.5s ease-in-out forwards tea-spill}.tea-liquid-flow{animation:1.5s ease-out .5s forwards liquid-flow}.parallax-slow,.parallax-medium,.parallax-fast{will-change:transform;transition:transform .1s linear}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #9fd35666}50%{box-shadow:0 0 40px #9fd356cc,0 0 60px #9fd35666}}.glow-effect{animation:2s ease-in-out infinite glow-pulse}@keyframes wave{0%{transform:translate(0)translateZ(0)scaleY(1)}50%{transform:translate(-25%)translateZ(0)scaleY(.8)}to{transform:translate(-50%)translateZ(0)scaleY(1)}}.wave-effect{animation:3s ease-in-out infinite wave}@keyframes text-shimmer{0%{background-position:200%}to{background-position:-200%}}.text-shimmer{background:linear-gradient(90deg, var(--accent) 0%, #fff 40%, var(--accent) 60%, var(--tea-gold,#c9a55c) 80%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite text-shimmer}@keyframes float-3d{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}25%{transform:translateY(-8px)rotateX(2deg)rotateY(-1deg)}50%{transform:translateY(-14px)rotateX(0)rotateY(2deg)}75%{transform:translateY(-6px)rotateX(-1deg)rotateY(-2deg)}}.animate-float-3d{transform-style:preserve-3d;animation:5s ease-in-out infinite float-3d}@keyframes mesh-pulse{0%,to{filter:hue-rotate();background-position:0%}33%{background-position:60% 20%}66%{background-position:100% 80%}}.animate-mesh{background:radial-gradient(ellipse at var(--mx,50%) var(--my,50%), #9fd35626 0%, transparent 60%);animation:8s ease-in-out infinite mesh-pulse}.card-depth{transition:box-shadow .4s,transform .4s;box-shadow:0 1px 2px #00000012,0 4px 8px #00000014,0 12px 32px #0000001f,0 32px 64px #00000014}.card-depth:hover{box-shadow:0 2px 4px #00000014,0 8px 16px #0000001a,0 24px 48px #0000002e,0 0 0 1px #9fd35626}@keyframes number-flip-in{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes number-flip-out{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(90deg)}}.number-flip{perspective:500px;display:inline-block}.number-flip-in{animation:.3s ease-out forwards number-flip-in}.number-flip-out{animation:.3s ease-in forwards number-flip-out}@media (max-width:640px){button,a,input[type=checkbox],input[type=radio],select{min-height:44px}.truncate-mobile{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}p,span,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.table-container{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overflow-x:auto}.table-container table{min-width:600px}.modal-content,[role=dialog]>div{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}.mobile-single-col{grid-template-columns:1fr!important}input,textarea,select{padding:12px 16px;font-size:16px}.floating-action-button{bottom:80px;right:16px}.checkout-steps-mobile{flex-direction:column;gap:16px}.checkout-steps-mobile .step-connector{display:none}.admin-sidebar-mobile{z-index:50;transition:transform .3s;position:fixed;inset:0;transform:translate(-100%)}.admin-sidebar-mobile.open{transform:translate(0)}}@media (max-width:374px){html{font-size:14px}.container{padding-left:12px;padding-right:12px}.product-card-image{height:140px}.button-group-mobile{flex-direction:column;gap:8px}.button-group-mobile>*{width:100%}}@supports (padding:env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.fixed-bottom-element{bottom:calc(16px + env(safe-area-inset-bottom))}}@media (max-width:640px){.telegram-floating-btn{width:48px!important;height:48px!important;bottom:24px!important;right:16px!important}.telegram-floating-btn svg{width:24px!important;height:24px!important}.telegram-floating-btn .tooltip-text{display:none!important}.cart-item{padding:12px}.cart-item-image{width:60px!important;height:60px!important}.cart-item-info{gap:8px}.quantity-controls{min-width:100px}.quantity-controls button{width:32px;height:32px}}@media (max-width:768px){.admin-layout{margin-left:0!important}.admin-sidebar{z-index:100;width:280px;height:100vh;transition:transform .3s;position:fixed;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{z-index:99;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.admin-sidebar-overlay.open{opacity:1;pointer-events:auto}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table-wrapper table{min-width:800px}}html,body{max-width:100vw;overflow-x:hidden}@media (max-width:768px){.mobile-menu-content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 80px);overflow-y:auto}.mobile-nav-link{padding:14px 16px;font-size:16px}}.scroll-touch{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width:428px){*{word-wrap:break-word;overflow-wrap:break-word}body{overflow-x:hidden}button,a,input[type=checkbox],input[type=radio],.touch-target{min-width:44px;min-height:44px}input,textarea,select{min-height:48px;padding:12px 14px;font-size:16px!important}label{margin-bottom:6px;display:block}}@media (max-width:768px){.mobile-menu{z-index:100;background:var(--bg-primary);-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.mobile-menu-content{min-height:100vh;padding-bottom:100px}}@media (max-width:428px){.modal,[role=dialog],.dialog-content{-webkit-overflow-scrolling:touch;border-radius:16px;width:calc(100% - 24px);margin:5vh auto;overflow-y:auto;max-height:90vh!important}.modal-body{-webkit-overflow-scrolling:touch;max-height:calc(90vh - 120px);overflow-y:auto}}@media (max-width:768px){.table-responsive,.overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin:0 -16px;padding:0 16px;overflow-x:auto}.table-responsive table,table{min-width:600px}.table-stack{display:block}.table-stack thead{display:none}.table-stack tbody,.table-stack tr,.table-stack td{width:100%;display:block}.table-stack tr{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.table-stack td{text-align:left;border:none;padding:8px 0}.table-stack td:before{content:attr(data-label);color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}}@media (max-width:428px){.cart-item{flex-direction:column;gap:12px;padding:16px}.cart-item-image{aspect-ratio:1;max-width:100px;margin:0 auto;width:100%!important;height:auto!important}.cart-item-details{text-align:center;width:100%}.cart-item-actions{justify-content:space-between;align-items:center;width:100%;margin-top:8px;display:flex}.quantity-controls{order:1}.cart-item-price{text-align:right;order:2}.cart-item-remove{order:3}}@media (max-width:640px){.checkout-steps{flex-direction:column;align-items:flex-start;gap:16px}.checkout-step{align-items:center;gap:12px;width:100%;display:flex}.checkout-step-connector{display:none}.checkout-step-number{flex-shrink:0}.checkout-step-label{display:block!important}}@media (max-width:428px){.product-card{padding:12px}.product-card-image{aspect-ratio:1;object-fit:cover;max-height:180px}.product-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-price{font-size:18px}.product-card-actions{flex-direction:column;gap:8px}.product-card-actions button{width:100%}.telegram-button,.floating-button{z-index:90;bottom:16px!important;right:16px!important}.page-footer-cta{padding-bottom:80px}.form-group{margin-bottom:16px}.form-row{flex-direction:column;gap:16px}.form-row>*{width:100%}input[type=checkbox],input[type=radio]{width:24px;height:24px;margin-right:12px}.button-group,.btn-group{flex-direction:column;gap:12px}.button-group>*,.btn-group>*{width:100%}.hero-title{font-size:32px;line-height:1.2}.hero-subtitle{font-size:16px;line-height:1.5}.hero-timer{margin:0 auto;transform:scale(.8)}.profit-calculator{padding:16px}.calculator-inputs{gap:16px}.calculator-result{font-size:24px}.account-tabs{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:24px;padding-bottom:8px;overflow-x:auto}.account-tab{white-space:nowrap;flex-shrink:0;padding:12px 16px;font-size:14px}.order-timeline{padding-left:24px}.order-timeline-item:before{left:-24px}.referral-code{letter-spacing:2px;font-size:18px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-links{columns:2}.footer-social{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (max-width:768px){.admin-content{padding:16px}.admin-header{padding:12px 16px}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.admin-stat-card{padding:16px}.admin-stat-value{font-size:24px}}.truncate-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@supports (padding:max(0px)){.safe-area-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom))}.safe-area-top{padding-top:max(16px, env(safe-area-inset-top))}}@media (max-width:768px){button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}}svg{max-width:100%;height:auto}.logo-container svg,.header-logo svg{width:150px!important;height:auto!important}img{max-width:100%;height:auto}.prose table{border-collapse:collapse;border-radius:8px;width:100%;margin:2rem 0;font-size:.9em;overflow:hidden;box-shadow:0 4px 6px #0000001a}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:12px 15px}.prose th{background-color:var(--bg-secondary);color:var(--accent);text-transform:uppercase;font-weight:700}.prose tbody tr{border-bottom:1px solid var(--border)}.prose tbody tr:nth-of-type(2n){background-color:var(--bg-secondary);opacity:.8}.prose tbody tr:last-of-type{border-bottom:2px solid var(--accent)}