@charset "UTF-8";:root{--c-primary: #4caf50;--c-primary-soft: #7cb342;--c-primary-deep: #2e7d32;--c-primary-muted: rgba(76, 175, 80, .14);--c-primary-glow: rgba(76, 175, 80, .26);--c-accent: #f6a623;--c-accent-muted: rgba(246, 166, 35, .18);--c-orange: #e67e22;--c-orange-muted: rgba(230, 126, 34, .14);--c-forest: #1b4332;--c-forest-muted: rgba(27, 67, 50, .12);--c-wood: #a1887f;--c-wood-soft: #efe8e1;--c-bg: #faf8f4;--c-bg-alt: #f7f7f2;--c-bg-elevated: #ffffff;--c-card: #ffffff;--c-sheet: rgba(255, 255, 255, .92);--c-text-1: #1f2937;--c-text-2: #4b5563;--c-text-3: #9ca3af;--c-text-inv: #ffffff;--c-price: #f6a623;--c-tag: #4caf50;--c-tag-bg: rgba(76, 175, 80, .12);--c-success: #4caf50;--c-danger: #c45c4a;--c-border: rgba(31, 41, 55, .07);--c-divider: rgba(31, 41, 55, .05);--c-tab-home: #4caf50;--c-tab-category-a: #4caf50;--c-tab-category-b: #f6a623;--c-tab-cart: #e67e22;--c-tab-orders: #7cb342;--c-tab-mine: #1b4332;--shadow-xs: 0 1px 2px rgba(27, 67, 50, .04);--shadow-sm: 0 4px 14px rgba(27, 67, 50, .05), 0 1px 2px rgba(76, 175, 80, .05);--shadow-md: 0 10px 28px rgba(27, 67, 50, .07), 0 2px 8px rgba(76, 175, 80, .06);--shadow-lg: 0 18px 44px rgba(27, 67, 50, .09), 0 4px 14px rgba(246, 166, 35, .06);--shadow-float: 0 14px 36px rgba(27, 67, 50, .1), 0 0 0 1px rgba(76, 175, 80, .08);--r-xs: 10px;--r-sm: 14px;--r-md: 18px;--r-lg: 22px;--r-xl: 26px;--r-2xl: 32px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--s-10: 64px;--header-h: 56px;--tabbar-h: 72px;--page-pad: 16px;--max-w: 480px;--max-w-tablet: 768px;--max-w-desktop: 1120px;--ease-out: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur-mid: .28s;--dur-slow: .48s;--font-display: "Plus Jakarta Sans", "Noto Sans SC", system-ui, sans-serif;--font-body: "Noto Sans SC", "Plus Jakarta Sans", system-ui, sans-serif;--font-num: "Plus Jakarta Sans", ui-monospace, monospace}[data-theme=dark]{--c-bg: #1a1f17;--c-bg-alt: #151910;--c-bg-elevated: #222820;--c-card: #262c23;--c-sheet: rgba(38, 44, 35, .94);--c-text-1: #f3f4f6;--c-text-2: #d1d5db;--c-text-3: #9ca3af;--c-border: rgba(255, 255, 255, .08);--c-divider: rgba(255, 255, 255, .06);--c-primary-muted: rgba(76, 175, 80, .22);--c-accent-muted: rgba(246, 166, 35, .22);--c-orange-muted: rgba(230, 126, 34, .2);--c-forest-muted: rgba(124, 179, 66, .18);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .4);--shadow-md: 0 10px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .55);--shadow-float: 0 14px 36px rgba(0, 0, 0, .55), 0 0 0 1px rgba(124, 179, 66, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{min-height:100dvh;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--c-text-1);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}button,input{font:inherit;color:inherit;border:none;background:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,[role=button],.cursor-pointer{cursor:pointer}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}#app{min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.t-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.15;text-wrap:balance}.t-h1{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--c-text-1)}.t-h2{font-family:var(--font-display);font-size:17px;font-weight:650;letter-spacing:-.015em;color:var(--c-text-1)}.t-body{font-size:14px;color:var(--c-text-2);line-height:1.55}.t-caption{font-size:12px;color:var(--c-text-3);line-height:1.4}.t-price{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:700;color:var(--c-price);letter-spacing:-.02em}.page-shell{width:100%;max-width:var(--max-w);margin:0 auto;min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);position:relative;isolation:isolate;background:radial-gradient(110% 55% at 100% -8%,rgba(76,175,80,.12),transparent 48%),radial-gradient(85% 45% at -5% 8%,rgba(246,166,35,.08),transparent 42%),linear-gradient(180deg,rgba(247,247,242,.65) 0%,transparent 28%),var(--c-bg)}.page-shell:before{content:"";position:fixed;left:50%;bottom:0;z-index:0;width:min(100%,var(--max-w-desktop));height:180px;transform:translate(-50%);pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(124,179,66,.05) 45%,rgba(76,175,80,.08) 100%)}.page-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.page-shell>*{position:relative;z-index:1}@media (min-width: 768px){.page-shell{max-width:var(--max-w-tablet);border-inline:1px solid var(--c-border)}}@media (min-width: 1024px){.page-shell{max-width:var(--max-w-desktop);box-shadow:var(--shadow-lg)}}.card-shell{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(161,136,127,.14);transition:transform var(--dur-mid) var(--ease-out),box-shadow var(--dur-mid) var(--ease-out)}.card-shell--pressable{cursor:pointer}.card-shell--pressable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-shell--pressable:active{transform:scale(.985)}.reveal{opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity var(--dur-slow) var(--ease-soft),transform var(--dur-slow) var(--ease-soft),filter var(--dur-slow) var(--ease-soft);will-change:transform,opacity}.reveal.is-in{opacity:1;transform:translateY(0);filter:blur(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;filter:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--c-divider) 25%,rgba(255,255,255,.55) 50%,var(--c-divider) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%}.ripple-host{position:relative;overflow:hidden}.ripple-wave{position:absolute;border-radius:50%;background:#4caf5047;transform:scale(0);animation:ripple-expand .52s var(--ease-out);pointer-events:none}@keyframes ripple-expand{to{transform:scale(2.4);opacity:0}}