@layer components{.shop-root{--shop-bg:#f2f2f7;--shop-surface:#fff;--shop-ink:#1d1d1f;--shop-muted:#636366;--shop-line:#e5e5ea;--shop-line-strong:#86868b;--shop-fill:#7676801f;--shop-primary-soft:color-mix(in srgb, var(--shop-primary) 8%, #fff);--shop-primary-ink:color-mix(in srgb, var(--shop-primary) 82%, #000);--shop-notice:#e5e5ea;--shop-ok:#1d1d1f;--shop-ok-soft:#d1d1d6;--shop-ok-ink:#1d1d1f;--shop-danger:#d70015;--shop-danger-soft:#fff0f1;--shop-radius:26px;--shop-radius-sm:14px;--shop-ease:cubic-bezier(.16, 1, .3, 1);--shop-spring:cubic-bezier(.34, 1.56, .64, 1);--lg-filter:blur(12px) saturate(190%) brightness(1.05);--lg-light:linear-gradient(180deg, #ffffff57, #fff0 55%), #ffffff75;--lg-dark:linear-gradient(180deg, #fff3, #fff0 55%), color-mix(in srgb, var(--shop-primary) 95%, transparent);--lg-edge:inset 1.5px 1.5px 0 -.5px #fffffff2, inset -1px -1px 0 -.5px #fff9, inset 0 0 0 .5px #0000001a, inset 0 0 14px #ffffff59;--lg-edge-dark:inset 1.5px 1.5px 0 -.5px #ffffff73, inset -1px -1px 0 -.5px #ffffff2e, inset 0 0 0 .5px #0006;--lg-float:0 10px 30px -8px #00000038, 0 2px 6px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--shop-bg);min-height:100dvh;color:var(--shop-ink);font-family:var(--font-body);letter-spacing:.01em;caret-color:var(--shop-primary);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-size:17px;line-height:1.5}.shop-root[data-refract]{--lg-filter:url(#shop-lg) blur(6px) saturate(190%) brightness(1.05)}.shop-root ::selection{background:color-mix(in srgb, var(--shop-primary) 25%, transparent)}.shop-root :focus-visible{outline:3px solid color-mix(in srgb, var(--shop-primary) 60%, transparent);outline-offset:2px}.shop-root a{text-underline-offset:3px}.num{font-variant-numeric:tabular-nums}.card{border-radius:var(--shop-radius);background:var(--shop-surface);box-shadow:0 1px 2px #0000000a}.list>*+*{border-top:1px solid var(--shop-line)}.list-inset>*+*{box-shadow:inset 0 1px 0 var(--shop-line);border-top:0}.row-link{align-items:center;gap:12px;min-height:60px;padding:12px 16px;transition:background-color .16s;display:flex}@media (hover:hover){.row-link:hover{background:var(--shop-fill)}}.row-link:active{background:var(--shop-fill)}.shop-btn{text-align:center;-webkit-user-select:none;user-select:none;min-height:50px;transition:transform .32s var(--shop-spring), background-color .16s ease, filter .16s ease, opacity .16s ease;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;font-weight:700;line-height:1.2;display:inline-flex}.shop-btn:active:not(:disabled){filter:brightness(1.06);transition-duration:.12s;transform:scale(1.035)}.shop-btn:disabled,.shop-btn[aria-disabled=true]{cursor:not-allowed;opacity:.4}.shop-btn-primary{background:var(--lg-dark);color:var(--shop-primary-fg);box-shadow:var(--lg-edge-dark), 0 8px 20px -8px #00000073;-webkit-backdrop-filter:var(--lg-filter);backdrop-filter:var(--lg-filter)}.shop-btn-secondary{background:var(--lg-light);color:var(--shop-ink);box-shadow:var(--lg-edge), var(--lg-float);-webkit-backdrop-filter:var(--lg-filter);backdrop-filter:var(--lg-filter)}.card .shop-btn-secondary{box-shadow:var(--lg-edge), inset 0 0 0 1px #00000014, 0 1px 2px #0000000f}.card .shop-btn-primary{box-shadow:var(--lg-edge-dark), 0 2px 6px -2px #0000004d}.shop-btn-tinted,.shop-btn-plain{background:var(--shop-fill);color:var(--shop-ink)}@media (hover:hover){.shop-btn-primary:hover:not(:disabled),.shop-btn-secondary:hover:not(:disabled){filter:brightness(1.08)}.shop-btn-tinted:hover:not(:disabled),.shop-btn-plain:hover:not(:disabled){background:#76768033}}.glass-chip{background:var(--lg-light);box-shadow:var(--lg-edge), 0 4px 14px -6px #0000002e;-webkit-backdrop-filter:var(--lg-filter);backdrop-filter:var(--lg-filter);transition:transform .32s var(--shop-spring)}.glass-chip:active{transform:scale(1.05)}.glass-menu{box-shadow:var(--lg-edge), 0 18px 48px -10px #0000004d;-webkit-backdrop-filter:blur(24px)saturate(190%);backdrop-filter:blur(24px)saturate(190%);background:linear-gradient(#fff6,#fff0 40%),#ffffffb8;border-radius:22px}.choice{border-radius:var(--shop-radius-sm);background:var(--shop-surface);width:100%;color:var(--shop-ink);text-align:left;transition:box-shadow .16s ease, transform .32s var(--shop-spring);display:block;box-shadow:inset 0 0 0 1px #d1d1d6}.choice[aria-checked=true],.choice[aria-pressed=true],.choice[aria-current=page],.choice[aria-current=true]{box-shadow:inset 0 0 0 2px var(--shop-primary)}.choice:active:not(:disabled){transform:scale(.985)}.choice:disabled{cursor:not-allowed;color:var(--shop-muted);box-shadow:inset 0 0 0 1px var(--shop-line);background:0 0}@media (hover:hover){.choice:hover:not(:disabled):not([aria-checked=true]):not([aria-pressed=true]):not([aria-current]){box-shadow:inset 0 0 0 1px var(--shop-line-strong)}}.choice-pill{border-radius:999px}.segmented{background:var(--shop-fill);border-radius:999px;gap:2px;padding:3px;display:flex}.segmented>*{min-height:44px;color:var(--shop-muted);white-space:nowrap;transition:transform .32s var(--shop-spring);border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:15px;font-weight:700;display:flex}.segmented>:active{transform:scale(1.05)}.segmented>[aria-current]{color:var(--shop-ink);box-shadow:var(--lg-edge), 0 6px 16px -6px #00000040;-webkit-backdrop-filter:var(--lg-filter);backdrop-filter:var(--lg-filter);background:linear-gradient(#fff9,#fff0 60%),#ffffffd1}.slot-full{color:var(--shop-muted);box-shadow:inset 0 0 0 1px var(--shop-line);background:0 0;text-decoration:line-through}.shop-input{border:1px solid var(--shop-line-strong);border-radius:var(--shop-radius-sm);background:var(--shop-surface);width:100%;min-height:52px;color:var(--shop-ink);padding:0 16px;font-size:17px}.shop-input::placeholder{color:#86868b}textarea.shop-input{resize:vertical;min-height:96px;padding:12px 16px}select.shop-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--shop-muted) 50%), linear-gradient(135deg, var(--shop-muted) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:44px}.shop-input:focus{border-color:var(--shop-primary);outline:3px solid color-mix(in srgb, var(--shop-primary) 25%, transparent);outline-offset:0}.shop-input[aria-invalid=true]{border-color:var(--shop-danger)}.shop-bottom-bar{z-index:40;left:max(12px,50% - 360px);right:max(12px,50% - 360px);bottom:calc(12px + env(safe-area-inset-bottom));background:var(--lg-light);box-shadow:var(--lg-edge), var(--lg-float);-webkit-backdrop-filter:var(--lg-filter);backdrop-filter:var(--lg-filter);transform-origin:50% 100%;transition:transform .42s var(--shop-spring);border-radius:33px;padding:8px;position:fixed}.shop-bottom-bar>*>div:first-child{padding-left:12px}.shop-root[data-scroll=down] .shop-bottom-bar{transform:scale(.94)translateY(4px)}.shop-root:has(.shop-bottom-bar):after{content:"";z-index:39;height:calc(96px + env(safe-area-inset-bottom));background:linear-gradient(to top, color-mix(in srgb, var(--shop-bg) 85%, transparent), transparent);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.shop-root:has(.shop-bottom-bar){padding-bottom:calc(96px + env(safe-area-inset-bottom))}@media (min-width:768px){.shop-root:has(.shop-bottom-bar.shop-mobile-only){padding-bottom:0}.shop-bottom-bar.shop-mobile-only{display:none}.shop-root:has(.shop-bottom-bar.shop-mobile-only):after{display:none}}.status-dot{background:var(--shop-line-strong);border-radius:999px;flex:none;width:8px;height:8px}.status-dot[data-on=true]{background:var(--shop-ok)}.progress{background:var(--shop-fill);border-radius:999px;height:4px;overflow:hidden}.progress>span{background:var(--shop-primary);height:100%;transition:width .42s var(--shop-ease);border-radius:999px;display:block}.shop-skeleton{border-radius:var(--shop-radius-sm);background:linear-gradient(90deg,#e5e5ea 25%,#f2f2f7 50%,#e5e5ea 75%) 0 0/200% 100%;animation:1.2s ease-in-out infinite shop-shimmer}@keyframes shop-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shop-scroll-x{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding-inline:16px;overflow-x:auto}.shop-scroll-x::-webkit-scrollbar{display:none}.shop-scroll-x>*{scroll-snap-align:start}@media (prefers-reduced-transparency:reduce){.shop-root{--lg-filter:none;--lg-light:#fff;--lg-dark:var(--shop-primary)}.shop-root[data-refract]{--lg-filter:none}.glass-menu{background:#fff}}@media (prefers-reduced-motion:reduce){.shop-skeleton{animation:none}.shop-btn,.choice,.glass-chip,.segmented>*,.shop-bottom-bar,.progress>span{transition:none}.shop-btn:active:not(:disabled),.choice:active:not(:disabled),.glass-chip:active,.segmented>:active,.shop-root[data-scroll=down] .shop-bottom-bar{transform:none}}}