@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;900&family=Prompt:wght@300;400;500;600;700;800&display=swap";:root{--css-rev:2;--terracotta:#b74f2d;--terracotta-dark:#a84828;--terracotta-gradient-end:#b74f2d;--terracotta-gradient:linear-gradient(90deg, var(--terracotta) 0%, var(--terracotta-gradient-end) 65%);--shop-ink:#2d1f15;--ink:#2d1f15;--ink-soft:#3d2b1f;--cream:#fff7ee;--card:#fffaf4;--line:#edd8c8;--muted:#7e645a;--muted-2:#856c60;--gold:#ffc145;--green:#237448;--green-bg:#e0f0e6;--amber:#96600a;--amber-bg:#fff3e0;--red:#c22f2f;--red-bg:#fce8e0;--blue:#2a569a;--blue-bg:#e8eef8;--promptpay-blue:#003f87;--c-success:#15803d;--c-success-surface:#eaf7ef;--c-success-line:#cbe9d6;--c-danger:#b91c1c;--c-danger-surface:#fdecec;--c-danger-line:#f5d2d2;--c-warning:#b45309;--c-warning-surface:#fff4e0;--c-warning-line:#f4dfb8;--c-info:#1d4ed8;--c-info-surface:#eaf1fe;--c-info-line:#cbd9f7;--c-bg:#fff;--c-surface:#fff;--c-surface-2:#f5f6f8;--c-line:#e4e7ec;--c-ink:#0f172a;--c-ink-2:#475569;--c-ink-3:#94a3b8;--pop:#d4431f;--pop-ink:#fff;--gold-ink:#5a3a00;--silver:#e5e7eb;--silver-ink:#374151;--bronze:#f6d6c4;--bronze-ink:#7c3a1d;--flash:#1f2937;--flash-ink:#fff;--tile-gold-bg:#fff4d6;--tile-gold-ink:#b7791f;--tile-gold-fill:#ffd66b;--tile-blue-bg:#e8f1ff;--tile-blue-ink:#2f6fdb;--tile-blue-fill:#bfd6ff;--note-1-main:#9ca3af;--note-1-light:#f1f3f6;--note-1-ink:#374151;--note-5-main:#64748b;--note-5-light:#e6eaf0;--note-5-ink:#334155;--note-10-main:#c9a227;--note-10-light:#fbf1cf;--note-10-ink:#6b4e0a;--note-20-main:#1f9d55;--note-20-light:#d8f5e1;--note-20-ink:#0e6b39;--note-50-main:#2f6fdb;--note-50-light:#dce9ff;--note-50-ink:#1d4a9e;--note-100-main:#d93a3a;--note-100-light:#ffe0dd;--note-100-ink:#9b1c1c;--note-500-main:#7c4ddb;--note-500-light:#ede3ff;--note-500-ink:#4e2a9e;--note-1000-main:#8a5a3b;--note-1000-light:#f1e3d6;--note-1000-ink:#5b3a22;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--sp-page:clamp(16px, 2.5cqw, 32px);--glass-primary:#4f46e5;--glass-primary-soft:#6366f1;--glass-accent:#7c3aed;--glass-accent-glow:#7c3aed59;--glass-accent-soft:#7c3aed1a;--glass-text-1:#1e293b;--glass-text-2:#475569;--glass-text-3:#5f6f85;--glass-border:#e2e8f0cc;--glass-danger:#c22f2f;--glass-danger-bg:#fce8e0;--glass-shadow-md:0 12px 28px -8px #4f46e526, 0 4px 10px #4f46e50d;--glass-primary-rgb:79, 70, 229;--glass-primary-soft-rgb:99, 102, 241;--glass-accent-rgb:124, 58, 237;--glass-mesh-pink-rgb:236, 72, 153;--glass-mesh-sky-rgb:56, 189, 248;--glass-bg-base:#f0f4ff;--glass-shadow-sm:0 2px 8px rgba(var(--glass-primary-soft-rgb), .05);--glass-shadow-lg:0 24px 48px -12px rgba(var(--glass-primary-rgb), .2)}[data-glass-theme=emerald]{--glass-primary:#0b7c70;--glass-primary-soft:#14b8a6;--glass-accent:#058067;--glass-accent-glow:#05806759;--glass-accent-soft:#0580671a;--glass-shadow-md:0 12px 28px -8px #0b7c7026, 0 4px 10px #0b7c700d;--glass-primary-rgb:11, 124, 112;--glass-primary-soft-rgb:20, 184, 166;--glass-accent-rgb:5, 128, 103;--glass-mesh-pink-rgb:52, 211, 153;--glass-mesh-sky-rgb:45, 212, 191;--glass-bg-base:#f0fdfa;--glass-shadow-sm:0 2px 8px #14b8a60d;--glass-shadow-lg:0 24px 48px -12px #0b7c7033}[data-glass-theme=sunset]{--pop:#0f766e;--glass-primary:#c2410c;--glass-primary-soft:#f97316;--glass-accent:#b45309;--glass-accent-glow:#b4530959;--glass-accent-soft:#b453091a;--glass-shadow-md:0 12px 28px -8px #c2410c26, 0 4px 10px #c2410c0d;--glass-primary-rgb:194, 65, 12;--glass-primary-soft-rgb:249, 115, 22;--glass-accent-rgb:180, 83, 9;--glass-mesh-pink-rgb:251, 146, 60;--glass-mesh-sky-rgb:253, 186, 116;--glass-bg-base:#fff7ed;--glass-shadow-sm:0 2px 8px #f973160d;--glass-shadow-lg:0 24px 48px -12px #c2410c33}[data-glass-theme=rose]{--pop:#0f766e;--glass-primary:#e11d48;--glass-primary-soft:#f43f5e;--glass-accent:#be123c;--glass-accent-glow:#be123c59;--glass-accent-soft:#be123c1a;--glass-shadow-md:0 12px 28px -8px #e11d4826, 0 4px 10px #e11d480d;--glass-primary-rgb:225, 29, 72;--glass-primary-soft-rgb:244, 63, 94;--glass-accent-rgb:190, 18, 60;--glass-mesh-pink-rgb:253, 164, 175;--glass-mesh-sky-rgb:244, 114, 182;--glass-bg-base:#fff1f2;--glass-shadow-sm:0 2px 8px #f43f5e0d;--glass-shadow-lg:0 24px 48px -12px #e11d4833}[data-glass-theme=teal]{--glass-primary:#0f766e;--glass-primary-soft:#0891b2;--glass-accent:#0e7490;--glass-accent-glow:#0e749059;--glass-accent-soft:#0e74901a;--glass-shadow-md:0 12px 28px -8px #0f766e26, 0 4px 10px #0f766e0d;--glass-primary-rgb:15, 118, 110;--glass-primary-soft-rgb:8, 145, 178;--glass-accent-rgb:14, 116, 144;--glass-mesh-pink-rgb:34, 211, 238;--glass-mesh-sky-rgb:103, 232, 249;--glass-bg-base:#ecfeff;--glass-shadow-sm:0 2px 8px #0891b20d;--glass-shadow-lg:0 24px 48px -12px #0f766e33}:root{--app-bg:radial-gradient(circle at 10% 10%, rgba(var(--glass-primary-soft-rgb), .2), transparent 40%), radial-gradient(circle at 90% 20%, rgba(var(--glass-mesh-pink-rgb), .15), transparent 40%), radial-gradient(circle at 20% 90%, rgba(var(--glass-accent-rgb), .2), transparent 45%), radial-gradient(circle at 80% 80%, rgba(var(--glass-mesh-sky-rgb), .15), transparent 40%), #f8fafc;--surface-strip:#fff;--surface-1:#ffffffeb;--surface-2:#ffffffd9;--surface-blur:12px;--overlay-backdrop:blur(2px);--border-1:var(--glass-border);--border-strong:#cbd5e1;--shadow-1:var(--glass-shadow-sm);--shadow-2:var(--glass-shadow-md)}:root[data-surface=flat]{--page-top:color-mix(in srgb, var(--glass-primary-soft) 28%, var(--surface-1));--page-tint:color-mix(in srgb, var(--glass-primary-soft) 7%, var(--surface-1));--app-bg:linear-gradient(180deg, var(--page-top) 0, var(--page-tint) 260px, var(--surface-1) 100%);--surface-strip:var(--page-top);--surface-1:#fff;--surface-2:color-mix(in srgb, var(--glass-primary-soft) 4%, var(--surface-1));--surface-blur:0px;--overlay-backdrop:none;--glass-bg-base:#fff;--border-1:color-mix(in srgb, var(--glass-primary-soft) 14%, var(--surface-1));--border-strong:#d1d5db;--border-w:1px;--frame-color:var(--glass-accent);--frame-w:2px;--shadow-1:0 1px 3px rgba(var(--glass-primary-rgb), .1);--shadow-2:0 4px 12px #1018281a, 0 2px 4px #1018280f}@supports not (color:color-mix(in srgb, red 50%, white)){:root[data-surface=flat]{--page-top:#fff;--page-tint:#fff;--surface-2:#f5f6f8;--border-1:#e4e7ec}}:root{--hero-grad:linear-gradient(135deg, var(--glass-primary), var(--glass-primary-soft));--hero-ink:#fff;--hero-ink-dim:#ffffffb8;--hero-pattern-color:#fff;--hero-neutral-bg:#23272e;--stat-revenue-fill:#b23a2a;--stat-revenue-bg:#fdecea;--stat-revenue-text:#b23a2a;--stat-count-fill:#2e7d46;--stat-count-bg:#e8f3ec;--stat-count-text:#2e7d46;--stat-neutral-bg:#f1f3f5;--stat-neutral-text:#1f2937;--chip-brand-bg:rgba(var(--glass-primary-rgb), .1);--chip-brand-fg:var(--glass-primary);--font-scale:1;--fs-2xs:calc(clamp(11px, 2.5vw, 12px) * var(--font-scale));--fs-xs:calc(clamp(11px, 3vw, 12px) * var(--font-scale));--fs-sm:calc(clamp(12px, 3.2vw, 13px) * var(--font-scale));--fs-base:calc(clamp(13px, 3.6vw, 14px) * var(--font-scale));--fs-md:calc(clamp(14px, 4vw, 16px) * var(--font-scale));--fs-lg:calc(clamp(16px, 4.5vw, 18px) * var(--font-scale));--fs-xl:calc(clamp(19px, 5.2vw, 21px) * var(--font-scale));--fs-2xl:calc(clamp(22px, 6vw, 24px) * var(--font-scale));--fs-3xl:calc(clamp(26px, 7vw, 28px) * var(--font-scale));--sp-2xs:clamp(3px, 1vw, 4px);--sp-xs:clamp(6px, 1.8vw, 8px);--sp-sm:clamp(8px, 2.5vw, 10px);--sp-md:clamp(10px, 3vw, 12px);--sp-lg:clamp(12px, 3.5vw, 14px);--sp-xl:clamp(14px, 4vw, 16px);--sp-2xl:clamp(16px, 4.5vw, 20px);--tap-min:clamp(44px, 12vw, 48px);--icon-thumb:clamp(46px, 14vw, 58px);--fs-placeholder:var(--fs-sm)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:not(input):not(textarea){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}button,a{-webkit-tap-highlight-color:transparent;outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--glass-primary,#4f46e5);outline-offset:2px}button:not(:disabled),[role=button]:not(:disabled),select,label[for]{cursor:pointer}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}#root{background:#fff;max-width:1440px;min-height:100dvh;margin:0 auto;position:relative;container:app/inline-size}#root.pc-first-route{max-width:none}@media (width>=481px){#root{box-shadow:0 0 40px #2d1f1526}}html,body{overscroll-behavior-y:contain;background:#fff}:root[data-surface=flat]{background:var(--page-top)}:root[data-surface=flat] body,:root[data-surface=flat] #root,:root[data-surface=flat] .screen-slide{background:var(--app-bg)}:root[data-surface=flat] :is(.cartscreen-header,.paymentscreen-header,.pmscreen-header,.closeshift-header,.shopcat-header,.shopexpenses-header,.shopopt-header,.shoppromo-header,.shopstaff-header,.memset-header,.notifscreen-header,.shopmenu-header,.shoporders-header,.shopreports-header,.shoptheme-header,.shopshifts-header,.shopstock-header,.dineboard-header,.dineset-header,.dineticket-header){background:0 0;border-bottom-color:#0000}:root[data-surface=flat] :is(.cartscreen-footer,.cartscreen-summary-bar,.paymentscreen-footer,.closeshift-footer,.openshift-footer,.onboard-footer,.shoptheme-footer,.dineticket-footer,.shopcat-summary,.shopopt-summary,.shoppromo-summary,.shoporders-summary-bar,.shopstock-summary-bar){background:var(--surface-1);border-top-color:rgba(var(--glass-primary-rgb), .1)}.safe-area-bottom-patch{height:env(safe-area-inset-bottom,0px);z-index:99999;pointer-events:none;background:#fff;position:fixed;bottom:0;left:0;right:0}.pos-app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.screen-transition-stage{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.screen-slide{background:#fff;width:100%;position:absolute;inset:0}@keyframes screenSlideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes screenSlideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.screen-enter-forward{z-index:2;animation:.2s ease-out forwards screenSlideInFromRight}.screen-exit-forward{opacity:0;z-index:1}.screen-enter-backward{z-index:2;animation:.2s ease-out forwards screenSlideInFromLeft}.screen-exit-backward{opacity:0;z-index:1}body{font-family:var(--font-body);background:radial-gradient(ellipse 60% 45% at 8% 12%, rgba(var(--glass-accent-rgb), .05), transparent 60%), radial-gradient(ellipse 50% 40% at 92% 8%, rgba(var(--glass-mesh-pink-rgb), .06), transparent 60%), radial-gradient(ellipse 55% 45% at 85% 88%, rgba(var(--glass-mesh-sky-rgb), .06), transparent 60%), #fff;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:auto;margin:0}button{font-family:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{transform:scale(0)rotate(-20deg)}60%{transform:scale(1.18)rotate(4deg)}to{transform:scale(1)rotate(0)}}.screen-loading{min-height:100vh;font-size:calc(16px * var(--font-scale));color:var(--muted);text-align:center;background:var(--surface-strip);justify-content:center;align-items:center;padding:24px;display:flex}:root[data-surface=flat] .screen-loading{background:var(--app-bg)}.screen-loading-spinner{border:3px solid rgba(var(--glass-primary-rgb), .15);border-top-color:var(--glass-primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite screenLoadingSpin}@keyframes screenLoadingSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.screen-loading-spinner{animation:none}}.screen-loading-error{flex-direction:column;align-items:center;gap:6px;max-width:280px;display:flex}.screen-loading-error-title{font-family:var(--font-display);font-weight:700;font-size:calc(17px * var(--font-scale));color:var(--glass-text-1)}.screen-loading-error-sub{font-size:calc(13px * var(--font-scale));color:var(--muted);margin-bottom:8px}.screen-loading-error-retry{background:linear-gradient(135deg, var(--glass-primary) 0%, var(--glass-accent) 100%);color:#fff;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:calc(14px * var(--font-scale));cursor:pointer;border:none;padding:10px 24px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.money{white-space:nowrap}.money-cur{opacity:.7;margin-right:.12em;font-size:.72em;font-weight:600}:root{--font-body:"Noto Sans Thai", "Prompt", system-ui, sans-serif;--font-display:"Prompt", "Noto Sans Thai", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--z-raised:10;--z-sticky:20;--z-dropdown:100;--z-nav:200;--z-banner:450;--z-overlay:500;--z-overlay-2:700;--z-toast:800;--z-critical:900;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-base:.24s;--c-on-accent:#fff;--c-success-on-dark:#4ade80;--c-danger-on-dark:#f87171;--c-info-on-dark:#93c5fd;--shadow-3:0 12px 32px #10182829, 0 4px 8px #10182814;--p-black:#000;--p-white:#fff;--p-slate-50:#f8fafc;--p-slate-100:#f1f5f9;--p-slate-200:#e2e8f0;--p-slate-300:#cbd5e1;--p-slate-400:#94a3b8;--p-slate-500:#64748b;--p-slate-600:#475569;--p-slate-800:#1e293b;--p-slate-900:#0f172a;--p-gray-800:#1f2937;--p-stone-500:#78716c;--p-stone-600:#57534e;--p-red-500:#ef4444;--p-red-600:#dc2626;--p-orange-500:#f97316;--p-orange-600:#ea580c;--p-orange-700:#c2410c;--p-amber-500:#f59e0b;--p-amber-600:#d97706;--p-amber-700:#b45309;--p-amber-800:#92400e;--p-green-100:#dcfce7;--p-green-400:#4ade80;--p-emerald-400:#34d399;--p-emerald-500:#10b981;--p-emerald-600:#059669;--p-emerald-700:#047857;--p-teal-600:#0d9488;--p-teal-700:#0f766e;--p-sky-50:#f0f9ff;--p-sky-600:#0284c7;--p-indigo-25:#f0f4ff;--p-indigo-50:#eef2ff;--p-indigo-300:#a5b4fc;--p-indigo-500:#6366f1;--p-indigo-600:#4f46e5;--p-indigo-700:#4338ca;--p-indigo-950:#1e1b4b;--p-violet-500:#8b5cf6;--p-violet-600:#7c3aed;--p-pink-600:#db2777;--p-rose-500:#f43f5e;--p-rose-600:#e11d48;--p-rose-800:#9f1239;--p-brick-50:#fce8e0;--p-brick-700:#b83030;--p-cool-100:#f4f5f7;--p-cool-200:#e4e7ec;--p-cool-400:#8b90a0;--p-cool-50:#f7f8fa;--p-cool-800:#2a2f3a;--p-cool-900:#1a1d24;--p-cool-950:#0f1115;--p-denim-600:#3b6fa8;--p-honey-400:#e6a54a;--p-leaf-500:#35c26a;--p-neutral-600:#555;--p-neutral-650:#556;--p-neutral-900:#1a1a1a;--p-warm-100:#f4f1ee;--p-warm-200:#edd8c8;--p-warm-400:#b09080;--p-warm-50:#fffaf4;--p-warm-500:#8a7268;--p-warm-75:#fff1e6;--p-warm-900:#2d1f15;--product-art-scale:.75}.product-art-img{transform:scale(var(--product-art-scale))}.frame{border:var(--border-w,1px) solid var(--border-1,var(--p-cool-200));border-radius:var(--radius-md,10px);background:var(--surface-1,var(--p-white))}.frame--brand{border:var(--frame-w,2px) solid var(--frame-color,var(--accent,#c85a38))}.hairline-t{border-top:var(--border-w,1px) solid var(--border-1,var(--p-cool-200))}.hairline-b{border-bottom:var(--border-w,1px) solid var(--border-1,var(--p-cool-200))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.order-1{order:1}.order-2{order:2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.line-through{text-decoration-line:line-through}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}:root[data-surface][data-homu]{--homu-orange:#f47a1d;--homu-orange-deep:#e0650f;--homu-cream:#fdf6ef;--homu-beige:#f6ebdd;--homu-card:#fffcf8;--homu-ink:#3a2e25;--homu-ink-2:#7a6a5c;--homu-white:#fff;--homu-blob-1:#fcefc8;--homu-blob-2:#dcebfa;--homu-blob-3:#fbe0e6;--homu-blob-4:#e3f1da;--homu-blob-mask-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140'%3E%3Cpath d='M44 30C66 8 112 4 140 18C170 32 196 48 192 78C188 104 170 128 138 132C112 136 96 124 70 130C40 136 14 122 10 96C6 72 22 52 44 30Z'/%3E%3C/svg%3E");--homu-blob-mask-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140'%3E%3Cpath d='M30 40C46 14 86 10 118 12C150 14 182 28 190 58C198 88 184 118 152 128C124 136 100 126 72 132C42 138 12 120 8 90C4 66 16 58 30 40Z'/%3E%3C/svg%3E");--homu-radius-tag:var(--radius-xs);--homu-radius-chip:14px;--homu-radius-card:18px;--homu-radius-nav:24px;--homu-z-under:0;--homu-z-over:1;--homu-z-top:2;--homu-wave-h:52px;--homu-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 140' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1024V116C1021.3 116.5 1013.3 118.1 1008 119C1002.7 120 997.3 120.9 992 121.8C986.7 122.7 981.3 123.5 976 124.3C970.7 125.1 965.3 125.9 960 126.6C954.7 127.3 949.3 128 944 128.6C938.7 129.2 933.3 129.8 928 130.4C922.7 130.9 917.3 131.5 912 131.9C906.7 132.4 901.3 132.8 896 133.2C890.7 133.6 885.3 134 880 134.3C874.7 134.6 869.3 134.8 864 135.1C858.7 135.3 853.3 135.5 848 135.6C842.7 135.8 836.7 135.9 832 135.9C827.3 136 822.7 136 820 136C817.3 136 819.3 136.1 816 136C812.7 135.9 805.3 135.8 800 135.6C794.7 135.3 789.3 135 784 134.5C778.7 134.1 773.3 133.6 768 133C762.7 132.3 757.3 131.6 752 130.8C746.7 130 741.3 129.1 736 128.1C730.7 127.1 725.3 126 720 124.8C714.7 123.6 709.3 122.3 704 120.9C698.7 119.5 693.3 118 688 116.4C682.7 114.8 677.3 113.1 672 111.4C666.7 109.6 661.3 107.7 656 105.8C650.7 103.8 645.3 101.7 640 99.6C634.7 97.4 629.3 95.2 624 92.8C618.7 90.5 612.2 87.4 608 85.5C603.8 83.5 601.7 82.4 599 81.1C596.3 79.8 595.8 79.5 592 77.6C588.2 75.8 581.3 72.5 576 70.1C570.7 67.6 565.3 65.3 560 62.9C554.7 60.6 549.3 58.4 544 56.2C538.7 54.1 533.3 52 528 50C522.7 47.9 517.3 46 512 44.1C506.7 42.2 501.3 40.4 496 38.7C490.7 36.9 485.3 35.3 480 33.7C474.7 32.1 469.3 30.6 464 29.1C458.7 27.7 453.3 26.3 448 25C442.7 23.7 437.3 22.4 432 21.3C426.7 20.1 421.3 19 416 18C410.7 17 405.3 16 400 15.1C394.7 14.3 389.3 13.4 384 12.7C378.7 12 373.3 11.3 368 10.7C362.7 10.1 357.3 9.6 352 9.1C346.7 8.7 341.3 8.3 336 8C330.7 7.7 325.3 7.5 320 7.3C314.7 7.1 309.3 7 304 7C298.7 7 293.3 7 288 7.2C282.7 7.3 277.3 7.5 272 7.7C266.7 8 261.3 8.3 256 8.7C250.7 9.1 245.3 9.6 240 10.2C234.7 10.7 229.3 11.3 224 12C218.7 12.7 213.3 13.5 208 14.3C202.7 15.1 197.3 16 192 17C186.7 18 181.3 19 176 20.2C170.7 21.3 165.3 22.5 160 23.7C154.7 25 149.3 26.3 144 27.7C138.7 29.1 133.3 30.6 128 32.2C122.7 33.7 117.3 35.3 112 37C106.7 38.7 101.3 40.5 96 42.3C90.7 44.1 85.3 46 80 48C74.7 50 69.3 52 64 54.2C58.7 56.3 53.3 58.5 48 60.7C42.7 63 37.3 65.3 32 67.7C26.7 70.1 21.3 72.6 16 75.1C10.7 77.7 2.7 81.7 0 83Z' fill='%23F47A1D'/%3E%3C/svg%3E");--homu-orange-soft:#fff1e6;--homu-orange-light:#fb9a45;--homu-metal:linear-gradient(90deg, #d9640f 0%, #f47a1d 45%, #ffb37a 48%, #fff4ea 50%, #ffb37a 52%, #f47a1d 55%, #d9640f 100%);--homu-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F47A1D' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 4l3 4'/%3E%3Cpath d='M7 12h6'/%3E%3Cpath d='M5 20l3-4'/%3E%3C/svg%3E");--homu-sheet-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath fill='%23F8EBDD' d='M0 22C40 6 80 6 120 18C160 30 200 30 240 16C280 2 330 4 370 18C385 23 395 22 400 20V100H0Z'/%3E%3C/svg%3E");--glass-primary:var(--homu-orange-deep);--glass-primary-soft:var(--homu-orange);--glass-accent:var(--homu-orange);--glass-accent-glow:#f47a1d59;--glass-accent-soft:#f47a1d1a;--glass-primary-rgb:224, 101, 15;--glass-primary-soft-rgb:244, 122, 29;--glass-accent-rgb:244, 122, 29;--glass-mesh-pink-rgb:251, 146, 60;--glass-mesh-sky-rgb:253, 186, 116;--glass-shadow-md:0 12px 28px -8px #e0650f26, 0 4px 10px #e0650f0d;--glass-shadow-sm:0 2px 8px #f47a1d0f;--glass-shadow-lg:0 24px 48px -12px #e0650f33;--pop:#0f766e;--page-top:var(--homu-cream);--page-tint:var(--homu-cream);--app-bg:var(--homu-cream);--surface-strip:var(--homu-orange);--surface-2:#fbf1e6;--border-1:#f1e0cf;--shadow-1:0 2px 8px #a05a1e14;--surface-1:var(--homu-card);--radius-lg:16px}:root[data-surface][data-homu] .menu-screen{background:var(--homu-cream)}:root[data-surface][data-homu] .menu-screen .app-header{background:0 0}:root[data-surface][data-homu] .menu-screen .app-header>*{z-index:var(--homu-z-over);position:relative}:root[data-surface][data-homu] .menu-screen .app-header:after{content:"";height:calc(env(safe-area-inset-top) + var(--homu-wave-h));z-index:var(--homu-z-under);pointer-events:none;background:var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat, linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% env(safe-area-inset-top) no-repeat;position:absolute;top:0;left:0;right:0}:root[data-surface][data-homu] .menu-screen .app-header--fullscreen:after{display:none}:root[data-surface][data-homu] .menu-screen .header-top{margin-bottom:20px}:root[data-surface][data-homu] .menu-screen .store-logo-img,:root[data-surface][data-homu] .menu-screen .store-logo{background:var(--homu-white);border-radius:var(--homu-radius-chip);object-fit:contain;padding:4px;box-shadow:0 4px 10px #7832002e}:root[data-surface][data-homu] .menu-screen .store-text h1{color:var(--homu-ink);font-weight:700}:root[data-surface][data-homu] .menu-screen .store-text .branch{color:var(--homu-ink-2)}:root[data-surface][data-homu] .menu-screen .header-actions .icon-btn,:root[data-surface][data-homu] .menu-screen .header-actions .icon-btn[aria-label=การแจ้งเตือน],:root[data-surface][data-homu] .menu-screen .header-actions .icon-btn[aria-label="บัญชี / ตั้งค่าร้าน"]{background:var(--homu-white);color:var(--homu-orange-deep);border-color:#0000;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .menu-screen .header-actions .icon-btn[aria-label=การแจ้งเตือน] svg path{fill:#f47a1d38}:root[data-surface][data-homu] .menu-screen .header-actions .icon-btn[aria-label="บัญชี / ตั้งค่าร้าน"] svg path{fill:#0000}:root[data-surface][data-homu] .menu-screen .header-actions .icon-btn[aria-label="บัญชี / ตั้งค่าร้าน"] svg circle{fill:var(--homu-white)}:root[data-surface][data-homu] .menu-screen .dine-mode-btn{background:var(--homu-white);color:var(--homu-orange-deep);border-color:#0000}@container app (width>=560px){:root[data-surface][data-homu] .menu-screen .header-actions:before{content:"";filter:brightness(0)invert();opacity:.95;background:url(/homu/slogan.webp) 50%/contain no-repeat;align-self:center;width:116px;height:46px;margin-right:6px}}:root[data-surface][data-homu] .menu-screen .search-bar input{background:var(--homu-white);border:2px solid var(--homu-orange);border-radius:var(--radius-full);height:46px;padding-left:46px;box-shadow:0 3px 10px #f47a1d1f}@keyframes homu-metal-shine{0%{background-position:0 0,150% 0}to{background-position:0 0,0 0}}:root[data-surface][data-homu] .menu-screen .search-bar input:focus{background-image:linear-gradient(var(--homu-white), var(--homu-white)), var(--homu-metal);background-position:0 0,0 0;background-repeat:no-repeat,repeat-x;background-size:100% 100%,300% 100%;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border-color:#0000;animation:2.5s linear infinite homu-metal-shine;box-shadow:0 0 0 3px #f47a1d24,0 3px 10px #f47a1d1f}@media (prefers-reduced-motion:reduce){:root[data-surface][data-homu] .menu-screen .search-bar input:focus,:root[data-surface][data-homu] .cart-bar{animation:none}}:root[data-surface][data-homu] .menu-screen .search-bar .search-icon{color:var(--homu-orange);left:16px}:root[data-surface][data-homu] .menu-screen .cat-chip:not(.active){background:var(--homu-beige);color:var(--homu-ink);border-color:#0000}:root[data-surface][data-homu] .menu-screen .cat-chip:not(.active) svg{color:var(--homu-orange)}:root[data-surface][data-homu] .menu-screen .cat-chip{border-radius:var(--homu-radius-chip);padding:10px 16px}:root[data-surface][data-homu] .menu-screen .cat-chip.active{background:var(--homu-orange);border-color:var(--homu-orange);color:var(--homu-white);box-shadow:0 4px 10px #f47a1d52}:root[data-surface][data-homu] .menu-screen .product-card{background:var(--homu-card);border-radius:var(--homu-radius-card);border-color:#0000;box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .menu-screen .product-image{background:0 0!important}:root[data-surface][data-homu] .menu-screen .product-image:before{content:"";background:var(--homu-blob,var(--homu-blob-1));-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;position:absolute;inset:10% 22% 2% 20%}:root[data-surface][data-homu] .menu-screen .product-card:nth-child(2n) .product-image:before{-webkit-mask-image:var(--homu-blob-mask-b);-webkit-mask-image:var(--homu-blob-mask-b);mask-image:var(--homu-blob-mask-b)}:root[data-surface][data-homu] .menu-screen .product-card:nth-child(4n+2){--homu-blob:var(--homu-blob-2)}:root[data-surface][data-homu] .menu-screen .product-card:nth-child(4n+3){--homu-blob:var(--homu-blob-3)}:root[data-surface][data-homu] .menu-screen .product-card:nth-child(4n+4){--homu-blob:var(--homu-blob-4)}:root[data-surface][data-homu] .menu-screen .product-image:after{content:"";width:18px;height:18px;z-index:var(--homu-z-over);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F47A1D' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 3l3 6'/%3E%3Cpath d='M13 12l7-2'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;inset:12% 10% auto auto}:root[data-surface][data-homu] .menu-screen .product-image img{z-index:var(--homu-z-over)}:root[data-surface][data-homu] .menu-screen .product-badges{z-index:var(--homu-z-top);flex-wrap:wrap;gap:4px 3px;top:6px;left:6px}:root[data-surface][data-homu] .menu-screen .product-tag,:root[data-surface][data-homu] .menu-screen .product-discount,:root[data-surface][data-homu] .menu-screen .menu-list-item-option,:root[data-surface][data-homu] .menu-screen .menu-list-item-promo{--homu-brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' preserveAspectRatio='none'%3E%3Cpath d='M11 6C32 3.2 62 5.4 90 3.4C99 2.8 106 3 111 4.6Q118 6.5 114.5 10.5Q119.5 14 115 18.5Q119.5 22.5 114.5 26Q118.5 30.5 112.5 33Q113 36.5 106 36.4C80 38.2 52 35.2 26 37C18 37.6 12 37.4 8 36Q2 34.5 5.5 30.5Q0.5 26.5 5 22.5Q0.5 18.5 5 14.5Q1 10.5 6 8.5Q7 6.3 11 6Z'/%3E%3C/svg%3E");color:var(--homu-white);font-family:var(--font-display);-webkit-mask:var(--homu-brush) center / 100% 100% no-repeat;-webkit-mask:var(--homu-brush) center / 100% 100% no-repeat;mask:var(--homu-brush) center / 100% 100% no-repeat;box-shadow:none;background-image:linear-gradient(#ffffff29,#0000 65%);border-radius:0;padding:2px 9px 3px;font-weight:700}:root[data-surface][data-homu] .menu-screen .product-tag,:root[data-surface][data-homu] .menu-screen .menu-list-item-option{background-color:var(--homu-orange)}:root[data-surface][data-homu] .menu-screen .product-discount,:root[data-surface][data-homu] .menu-screen .menu-list-item-promo{background-image:linear-gradient(180deg, #ffffff29, transparent 65%), linear-gradient(135deg, var(--success), var(--p-emerald-400))}:root[data-surface][data-homu] .menu-screen .menu-list-item-option,:root[data-surface][data-homu] .menu-screen .menu-list-item-promo{font-size:calc(var(--fs-2xs) * .82);padding:1px 7px 2px;line-height:1.3}:root[data-surface][data-homu] .menu-screen .product-badges .product-tag,:root[data-surface][data-homu] .menu-screen .product-badges .product-discount{transform:rotate(-5deg)}:root[data-surface][data-homu] .menu-screen .product-badges .product-tag:after,:root[data-surface][data-homu] .menu-screen .product-badges .product-discount:after{display:none}:root[data-surface][data-homu] .menu-screen .product-name{color:var(--homu-ink);font-weight:700}:root[data-surface][data-homu] .menu-screen .price-start{color:var(--homu-ink-2)}:root[data-surface][data-homu] .menu-screen .price-current{color:var(--homu-orange-deep);font-size:var(--fs-lg)}:root[data-surface][data-homu] .menu-screen .menu-list-item{background:var(--homu-card);box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .menu-screen .menu-list-item-name{font-size:var(--fs-base);color:var(--homu-ink)}:root[data-surface][data-homu] .menu-screen .menu-list-item .price-current{font-size:var(--fs-md)}:root[data-surface][data-homu] .menu-screen .menu-list-item-stepper{background:var(--homu-white);border:1px solid color-mix(in srgb, var(--homu-orange) 28%, transparent);border-radius:var(--radius-full);gap:4px;padding:3px;box-shadow:0 2px 6px #8c461414}:root[data-surface][data-homu] .menu-screen .menu-list-item-stepper button,:root[data-surface][data-homu] .menu-screen .menu-list-item-add{border-radius:var(--radius-full);background:var(--homu-orange-soft);width:28px;height:28px;color:var(--homu-orange-deep)}:root[data-surface][data-homu] .menu-screen .menu-list-item-stepper .menu-list-item-stepper-add,:root[data-surface][data-homu] .menu-screen .menu-list-item-add{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);color:var(--homu-white);box-shadow:0 3px 8px #f47a1d4d}:root[data-surface][data-homu] .menu-screen .menu-list-item-add{margin-right:4px}:root[data-surface][data-homu] .menu-screen .menu-list-item-stepper span{min-width:22px;font-family:var(--font-display);color:var(--homu-ink);font-weight:800}:root[data-surface][data-homu] .menu-screen .menu-list-item-thumb{border-radius:var(--homu-radius-chip);background:0 0!important}:root[data-surface][data-homu] .menu-screen .menu-list-item-thumb:before{content:"";background:var(--homu-blob,var(--homu-blob-1));-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;position:absolute;inset:6% 2% 2%}:root[data-surface][data-homu] .menu-screen .menu-list-item:nth-child(2n) .menu-list-item-thumb:before{-webkit-mask-image:var(--homu-blob-mask-b);-webkit-mask-image:var(--homu-blob-mask-b);mask-image:var(--homu-blob-mask-b)}:root[data-surface][data-homu] .menu-screen .menu-list-item:nth-child(4n+2){--homu-blob:var(--homu-blob-2)}:root[data-surface][data-homu] .menu-screen .menu-list-item:nth-child(4n+3){--homu-blob:var(--homu-blob-3)}:root[data-surface][data-homu] .menu-screen .menu-list-item:nth-child(4n+4){--homu-blob:var(--homu-blob-4)}@container app (width<=639px){:root[data-surface][data-homu] .menu-screen .menu-list{gap:0}:root[data-surface][data-homu] .menu-screen .menu-list-item{clip-path:inset(0 -12px);border-radius:0;padding:10px 14px;position:relative}:root[data-surface][data-homu] .menu-screen .menu-list-item:first-child{border-top-left-radius:var(--homu-radius-card);border-top-right-radius:var(--homu-radius-card);clip-path:inset(-12px -12px 0)}:root[data-surface][data-homu] .menu-screen .menu-list-item:last-child{border-bottom-left-radius:var(--homu-radius-card);border-bottom-right-radius:var(--homu-radius-card);clip-path:inset(0 -12px -12px)}:root[data-surface][data-homu] .menu-screen .menu-list-item:only-child{clip-path:none}:root[data-surface][data-homu] .menu-screen .menu-list-item+.menu-list-item:before{content:"";border-top:1px dashed color-mix(in srgb, var(--homu-orange) 22%, transparent);position:absolute;top:0;left:14px;right:14px}:root[data-surface][data-homu] .menu-screen .menu-list-item:active{background:var(--homu-orange-soft);transform:none}}:root[data-surface][data-homu] .menu-screen .bottom-nav{background:var(--homu-white);border-radius:var(--homu-radius-nav) var(--homu-radius-nav) 0 0;border-top-color:#0000;box-shadow:0 -4px 16px #a05a1e1a}:root[data-surface][data-homu] .menu-screen .nav-item{color:var(--homu-ink)}:root[data-surface][data-homu] .menu-screen .nav-scan{background:var(--homu-orange);border:5px solid var(--homu-white);width:70px;height:70px;margin-top:-34px;box-shadow:0 8px 18px #f47a1d6b}:root[data-surface][data-homu] .cartscreen,:root[data-surface][data-homu] .paymentscreen{background:var(--homu-cream)}:root[data-surface][data-homu] .cartscreen-header,:root[data-surface][data-homu] .paymentscreen-header{background:0 0;border-bottom-color:#0000;padding-bottom:18px}:root[data-surface][data-homu] .cartscreen-header>*,:root[data-surface][data-homu] .paymentscreen-header>*{z-index:var(--homu-z-over);position:relative}:root[data-surface][data-homu] .cartscreen-header:after,:root[data-surface][data-homu] .paymentscreen-header:after{content:"";height:calc(env(safe-area-inset-top) + var(--homu-wave-h));z-index:var(--homu-z-under);pointer-events:none;background:var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat, linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% env(safe-area-inset-top) no-repeat;position:absolute;top:0;left:0;right:0}:root[data-surface][data-homu] .cartscreen-back,:root[data-surface][data-homu] .paymentscreen-back,:root[data-surface][data-homu] .cartscreen-icon-btn{background:var(--homu-white);color:var(--homu-orange-deep);border-radius:var(--radius-full);border-color:#0000;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .cartscreen-icon-btn-danger{color:var(--c-danger)}:root[data-surface][data-homu] .cartscreen-header-title,:root[data-surface][data-homu] .paymentscreen-header-title{color:var(--homu-ink)}:root[data-surface][data-homu] .cartscreen-items{background:var(--homu-card);border-radius:var(--homu-radius-card);box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .cartscreen-item+.cartscreen-item{border-top-style:dashed}:root[data-surface][data-homu] .cartscreen-item-thumb{border-radius:var(--homu-radius-chip);background:0 0!important}:root[data-surface][data-homu] .cartscreen-item-thumb:before{background:var(--homu-blob,var(--homu-blob-1));-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;inset:6% 2% 2%}:root[data-surface][data-homu] .cartscreen-item:nth-child(2n) .cartscreen-item-thumb:before{-webkit-mask-image:var(--homu-blob-mask-b);-webkit-mask-image:var(--homu-blob-mask-b);mask-image:var(--homu-blob-mask-b)}:root[data-surface][data-homu] .cartscreen-item-thumb img{z-index:var(--homu-z-over);position:relative}:root[data-surface][data-homu] .cartscreen-item:nth-child(4n+2){--homu-blob:var(--homu-blob-2)}:root[data-surface][data-homu] .cartscreen-item:nth-child(4n+3){--homu-blob:var(--homu-blob-3)}:root[data-surface][data-homu] .cartscreen-item:nth-child(4n+4){--homu-blob:var(--homu-blob-4)}:root[data-surface][data-homu] .cartscreen-item-name,:root[data-surface][data-homu] .cartscreen-item-list-name{color:var(--homu-ink);font-weight:600}:root[data-surface][data-homu] .cartscreen-item-total,:root[data-surface][data-homu] .cartscreen-item-list-price-final{color:var(--homu-orange-deep)}:root[data-surface][data-homu] .cartscreen-qty-btn{border-radius:var(--radius-full);background:var(--homu-beige);color:var(--homu-orange-deep)}:root[data-surface][data-homu] .cartscreen-qty-btn-add{background:var(--homu-orange);color:var(--homu-white);box-shadow:0 3px 8px #f47a1d4d}:root[data-surface][data-homu] .cartscreen-add-more{border:2px dashed var(--homu-orange);border-radius:var(--radius-full);width:100%;color:var(--homu-orange-deep);background:var(--homu-white);justify-content:center;margin:10px 0}:root[data-surface][data-homu] .cartscreen-receipt{background:var(--homu-card);border-radius:var(--homu-radius-card);box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .cartscreen-receipt-total{color:var(--homu-orange-deep)}:root[data-surface][data-homu] .cartscreen-footer{background:var(--homu-white);border-radius:var(--homu-radius-nav) var(--homu-radius-nav) 0 0;border-top-color:#0000;box-shadow:0 -4px 16px #a05a1e1a}:root[data-surface][data-homu] .cartscreen-checkout{background:var(--homu-orange);border-radius:var(--radius-full);box-shadow:0 8px 18px #f47a1d61}:root[data-surface][data-homu] .cartscreen-empty-icon{color:var(--homu-orange)}:root[data-surface][data-homu] .paymentscreen-total-card{text-align:left;background:linear-gradient(135deg, var(--homu-orange) 0%, var(--homu-orange-light) 100%);border-radius:var(--homu-radius-card);border-color:#0000;min-height:128px;margin:30px 0 4px;padding:16px 116px 16px 18px;position:relative;overflow:visible;box-shadow:0 10px 22px -8px #e0650f73}:root[data-surface][data-homu] .paymentscreen-homu-stage{z-index:calc(var(--z-raised) + 1);flex-shrink:0;margin-top:-18px;padding:0 20px;position:relative}:root[data-surface][data-homu] .paymentscreen-header{pointer-events:none}:root[data-surface][data-homu] .paymentscreen-header>*{pointer-events:auto}:root[data-surface][data-homu] .paymentscreen-total-header{flex-direction:column;align-items:flex-start;gap:2px}:root[data-surface][data-homu] .paymentscreen-total-header-left{white-space:nowrap;align-items:center;gap:8px;display:flex}:root[data-surface][data-homu] .paymentscreen-total-label,:root[data-surface][data-homu] .paymentscreen-total-time{color:#ffffffe6}:root[data-surface][data-homu] .paymentscreen-item-badge{color:var(--homu-white);background:#ffffff3d}:root[data-surface][data-homu] .paymentscreen-total-amount{color:var(--homu-white);text-shadow:0 2px 6px #78320033;margin-top:10px}:root[data-surface][data-homu] .paymentscreen-discount-row{justify-content:flex-start}:root[data-surface][data-homu] .paymentscreen-discount-original{color:#fffc}:root[data-surface][data-homu] .paymentscreen-homu{height:calc(100% + 40px);position:absolute;bottom:0;right:4px}:root[data-surface][data-homu] .paymentscreen-homu .homu-mascot-img{width:auto;height:100%}:root[data-surface][data-homu] .paymentscreen-method{background:var(--homu-white);border-radius:var(--homu-radius-chip);color:var(--homu-ink);border:2px solid #0000;box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .paymentscreen-method.active{border-color:var(--homu-orange);background:var(--homu-orange-soft);color:var(--homu-orange-deep)}:root[data-surface][data-homu] .paymentscreen-section-title{color:var(--homu-ink)}:root[data-surface][data-homu] .paymentscreen-received-card{background:var(--homu-white);border:2px solid var(--homu-orange);border-radius:var(--homu-radius-chip)}:root[data-surface][data-homu] .paymentscreen-exact-btn{border-radius:var(--radius-full);color:var(--homu-orange-deep)}:root[data-surface][data-homu] .paymentscreen-exact-btn.active{border-color:var(--homu-orange);background:var(--homu-beige)}:root[data-surface][data-homu] .paymentscreen-summary-card{background:var(--homu-card);border-radius:var(--homu-radius-card)}:root[data-surface][data-homu] .paymentscreen-footer{background:var(--homu-white);border-radius:var(--homu-radius-nav) var(--homu-radius-nav) 0 0;border-top-color:#0000;box-shadow:0 -4px 16px #a05a1e1a}:root[data-surface][data-homu] .paymentscreen-confirm{border-radius:var(--radius-full);box-shadow:0 8px 18px #10966452}:root[data-surface][data-homu] .paymentscreen-confirmed-homu{width:150px;margin-bottom:4px}:root[data-surface][data-homu] .paymentscreen-confirmed-amount{color:var(--homu-orange-deep)}:root[data-surface][data-homu] .paymentscreen-confirmed-newsale{background:var(--homu-orange);border-radius:var(--radius-full);box-shadow:0 8px 18px #f47a1d61}:root[data-surface][data-homu] .paymentscreen-confirmed-receipt{border-radius:var(--radius-full)}:root[data-surface][data-homu] .paymentscreen-confirmed>*{z-index:var(--homu-z-over);position:relative}:root[data-surface][data-homu] .paymentscreen-confirmed:before{content:"";height:calc(env(safe-area-inset-top) + var(--homu-wave-h));z-index:var(--homu-z-under);pointer-events:none;background:var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat, linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% env(safe-area-inset-top) no-repeat;position:absolute;top:0;left:0;right:0}:root[data-surface][data-homu] .paymentscreen-header-title{text-align:left;background:var(--homu-white);border-radius:var(--radius-full);color:var(--homu-ink);font-size:var(--fs-md);white-space:nowrap;flex:0 auto;padding:9px 18px;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .paymentscreen-total-card{min-height:112px;margin-top:26px;padding-top:12px;padding-bottom:12px}:root[data-surface][data-homu] .paymentscreen-total-amount{margin-top:6px}:root[data-surface][data-homu] .paymentscreen-content{padding-top:8px}:root[data-surface][data-homu] .paymentscreen-section-title{display:none}:root[data-surface][data-homu] .paymentscreen-methods{margin-bottom:10px}:root[data-surface][data-homu] .paymentscreen-method{flex-direction:row;justify-content:center;gap:6px;min-height:68px;padding:8px 6px}:root[data-surface][data-homu] .paymentscreen-method-art{width:26px;height:26px}:root[data-surface][data-homu] .paymentscreen-received-card{margin-bottom:8px;padding:6px 14px}:root[data-surface][data-homu] .paymentscreen-exact-btn{margin-bottom:8px;padding:12px 7px}:root[data-surface][data-homu] .paymentscreen-summary-card{grid-template-columns:1fr 1.3fr;align-items:center;margin-bottom:4px;padding:8px 16px;display:grid}:root[data-surface][data-homu] .paymentscreen-summary-row{flex-direction:column;align-items:flex-start;gap:0;padding:0}:root[data-surface][data-homu] .paymentscreen-summary-row.highlight{border-top:0;border-left:1px dashed var(--border-1);margin-top:0;padding:0 0 0 14px}:root[data-surface][data-homu] .banknote .bn-edge{fill:var(--nl);stroke:var(--nm);stroke-opacity:.35;stroke-width:1.5px}:root[data-surface][data-homu] .banknote .bn-inner,:root[data-surface][data-homu] .banknote .bn-flower,:root[data-surface][data-homu] .banknote .bn-corner{display:none}:root[data-surface][data-homu] .banknote .bn-medal{fill:var(--nm);fill-opacity:.18;stroke:none}:root[data-surface][data-homu] .banknote .bn-value{fill:var(--ni)}:root[data-surface][data-homu] .cartscreen-items,:root[data-surface][data-homu] .cartscreen-receipt,:root[data-surface][data-homu] .paymentscreen-summary-card{border-radius:var(--homu-radius-card) var(--homu-radius-card) 0 0;-webkit-mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) 50% 0/18px 100% repeat-x;mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) 50% 0/18px 100% repeat-x}:root[data-surface][data-homu] .cartscreen-items{padding-bottom:8px}:root[data-surface][data-homu] .cartscreen-receipt{padding-bottom:18px}:root[data-surface][data-homu] .paymentscreen-summary-card{padding-bottom:16px}:root[data-surface][data-homu] .shopmenu-screen{background:var(--homu-cream)}:root[data-surface][data-homu] .shopmenu-header{background:0 0;border-bottom-color:#0000;padding-bottom:18px}:root[data-surface][data-homu] .shopmenu-header>*{z-index:var(--homu-z-over);position:relative}:root[data-surface][data-homu] .shopmenu-header:after{content:"";height:calc(env(safe-area-inset-top) + var(--homu-wave-h));z-index:var(--homu-z-under);pointer-events:none;background:var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat, linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% env(safe-area-inset-top) no-repeat;position:absolute;top:0;left:0;right:0}:root[data-surface][data-homu] .shopmenu-back{background:var(--homu-white);color:var(--homu-orange-deep);border-radius:var(--radius-full);border-color:#0000;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .shopmenu-header-info{flex:0 auto}:root[data-surface][data-homu] .shopmenu-header-titlerow{background:var(--homu-white);border-radius:var(--radius-full);align-items:center;gap:8px;padding:6px 8px 6px 18px;display:inline-flex;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .shopmenu-header-title{color:var(--homu-ink);font-size:var(--fs-md);white-space:nowrap}:root[data-surface][data-homu] .shopmenu-roletag{background:var(--homu-orange-soft);color:var(--homu-orange-deep);border-radius:var(--radius-full)}:root[data-surface][data-homu] .shopmenu-sectionchip{color:var(--homu-ink)}:root[data-surface][data-homu] .shopmenu-btn{background:var(--homu-card);border-radius:var(--homu-radius-card);border-color:#0000;box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .shopmenu-icon--illo{background:0 0;position:relative}:root[data-surface][data-homu] .shopmenu-icon--illo:before{content:"";background:var(--homu-blob,var(--homu-blob-1));-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;display:block;position:absolute;inset:-6px -10px -4px}:root[data-surface][data-homu] .shopmenu-icon--illo img{position:relative}:root[data-surface][data-homu] .shopmenu-btn:nth-of-type(4n+2){--homu-blob:var(--homu-blob-2)}:root[data-surface][data-homu] .shopmenu-btn:nth-of-type(4n+3){--homu-blob:var(--homu-blob-3)}:root[data-surface][data-homu] .shopmenu-btn:nth-of-type(4n+4){--homu-blob:var(--homu-blob-4)}:root[data-surface][data-homu] .shopmenu-label{color:var(--homu-ink);font-weight:700}:root[data-surface][data-homu] .shopmenu-desc{color:var(--homu-ink-2)}:root[data-surface][data-homu] .shopmenu-arrow{color:var(--homu-orange)}:root[data-surface][data-homu] .shopmenu-lockbox{background:var(--homu-beige);border-radius:var(--homu-radius-card);border-color:#0000}:root[data-surface][data-homu] .shopcat-screen,:root[data-surface][data-homu] .shopexpenses-screen,:root[data-surface][data-homu] .shopopt-screen,:root[data-surface][data-homu] .shoporders-screen,:root[data-surface][data-homu] .shoppromo-screen,:root[data-surface][data-homu] .shopreports-screen,:root[data-surface][data-homu] .shoptheme-screen,:root[data-surface][data-homu] .shopshifts-screen,:root[data-surface][data-homu] .shopstaff-screen,:root[data-surface][data-homu] .shopstock-screen,:root[data-surface][data-homu] .closeshift-screen,:root[data-surface][data-homu] .notifscreen-screen,:root[data-surface][data-homu] .memset-screen,:root[data-surface][data-homu] .pmscreen-screen,:root[data-surface][data-homu] .openshift-screen{background:var(--homu-cream)}:root[data-surface][data-homu] .shopcat-header,:root[data-surface][data-homu] .shopexpenses-header,:root[data-surface][data-homu] .shopopt-header,:root[data-surface][data-homu] .shoporders-header,:root[data-surface][data-homu] .shoppromo-header,:root[data-surface][data-homu] .shopreports-header,:root[data-surface][data-homu] .shoptheme-header,:root[data-surface][data-homu] .shopshifts-header,:root[data-surface][data-homu] .shopstaff-header,:root[data-surface][data-homu] .shopstock-header,:root[data-surface][data-homu] .closeshift-header,:root[data-surface][data-homu] .notifscreen-header,:root[data-surface][data-homu] .memset-header,:root[data-surface][data-homu] .pmscreen-header{background:0 0;border-bottom-color:#0000;padding-bottom:18px}:root[data-surface][data-homu] .shopcat-header>*,:root[data-surface][data-homu] .shopexpenses-header>*,:root[data-surface][data-homu] .shopopt-header>*,:root[data-surface][data-homu] .shoporders-header>*,:root[data-surface][data-homu] .shoppromo-header>*,:root[data-surface][data-homu] .shopreports-header>*,:root[data-surface][data-homu] .shoptheme-header>*,:root[data-surface][data-homu] .shopshifts-header>*,:root[data-surface][data-homu] .shopstaff-header>*,:root[data-surface][data-homu] .shopstock-header>*,:root[data-surface][data-homu] .closeshift-header>*,:root[data-surface][data-homu] .notifscreen-header>*,:root[data-surface][data-homu] .memset-header>*,:root[data-surface][data-homu] .pmscreen-header>*{z-index:var(--homu-z-over);position:relative}:root[data-surface][data-homu] .shopcat-header:after,:root[data-surface][data-homu] .shopexpenses-header:after,:root[data-surface][data-homu] .shopopt-header:after,:root[data-surface][data-homu] .shoporders-header:after,:root[data-surface][data-homu] .shoppromo-header:after,:root[data-surface][data-homu] .shopreports-header:after,:root[data-surface][data-homu] .shoptheme-header:after,:root[data-surface][data-homu] .shopshifts-header:after,:root[data-surface][data-homu] .shopstaff-header:after,:root[data-surface][data-homu] .shopstock-header:after,:root[data-surface][data-homu] .closeshift-header:after,:root[data-surface][data-homu] .notifscreen-header:after,:root[data-surface][data-homu] .memset-header:after,:root[data-surface][data-homu] .pmscreen-header:after{content:"";height:calc(env(safe-area-inset-top) + var(--homu-wave-h));z-index:var(--homu-z-under);pointer-events:none;background:var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat, linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% env(safe-area-inset-top) no-repeat;position:absolute;top:0;left:0;right:0}:root[data-surface][data-homu] .shopcat-back,:root[data-surface][data-homu] .shopexpenses-back,:root[data-surface][data-homu] .shopopt-back,:root[data-surface][data-homu] .shoporders-back,:root[data-surface][data-homu] .shoppromo-back,:root[data-surface][data-homu] .shopreports-back,:root[data-surface][data-homu] .shoptheme-back,:root[data-surface][data-homu] .shopshifts-back,:root[data-surface][data-homu] .shopstaff-back,:root[data-surface][data-homu] .shopstock-back,:root[data-surface][data-homu] .closeshift-back,:root[data-surface][data-homu] .notifscreen-back,:root[data-surface][data-homu] .memset-back,:root[data-surface][data-homu] .pmscreen-back{background:var(--homu-white);color:var(--homu-orange-deep);border-radius:var(--radius-full);border-color:#0000;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .shopcat-header-title-row,:root[data-surface][data-homu] .shopexpenses-header-title,:root[data-surface][data-homu] .shopopt-header-title-row,:root[data-surface][data-homu] .shoporders-header-title-row,:root[data-surface][data-homu] .shoppromo-header-title-row,:root[data-surface][data-homu] .shopreports-header-title,:root[data-surface][data-homu] .shoptheme-header-titlerow,:root[data-surface][data-homu] .shopshifts-header-title,:root[data-surface][data-homu] .shopstaff-header-title-row,:root[data-surface][data-homu] .shopstock-header-title,:root[data-surface][data-homu] .closeshift-header-title,:root[data-surface][data-homu] .notifscreen-title,:root[data-surface][data-homu] .memset-header-info,:root[data-surface][data-homu] .pmscreen-header-title-row{background:var(--homu-white);border-radius:var(--radius-full);color:var(--homu-ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;align-items:center;gap:8px;min-width:0;max-width:100%;margin-right:auto;padding:7px 14px;display:inline-flex;overflow:hidden;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .shopcat-header-info,:root[data-surface][data-homu] .shopexpenses-header-info,:root[data-surface][data-homu] .shopopt-header-info,:root[data-surface][data-homu] .shoporders-header-info,:root[data-surface][data-homu] .shoppromo-header-info,:root[data-surface][data-homu] .shopreports-header-info,:root[data-surface][data-homu] .shoptheme-header-info,:root[data-surface][data-homu] .shopshifts-header-info,:root[data-surface][data-homu] .shopstaff-header-info,:root[data-surface][data-homu] .shopstock-header-info,:root[data-surface][data-homu] .closeshift-header-info,:root[data-surface][data-homu] .notifscreen-header-info,:root[data-surface][data-homu] .memset-header-info,:root[data-surface][data-homu] .pmscreen-header-info{min-width:0}:root[data-surface][data-homu] .shopcat-header-title,:root[data-surface][data-homu] .shopexpenses-header-title,:root[data-surface][data-homu] .shopopt-header-title,:root[data-surface][data-homu] .shoporders-header-title,:root[data-surface][data-homu] .shoppromo-header-title,:root[data-surface][data-homu] .shopreports-header-title,:root[data-surface][data-homu] .shoptheme-header-title,:root[data-surface][data-homu] .shopshifts-header-title,:root[data-surface][data-homu] .shopstaff-header-title,:root[data-surface][data-homu] .shopstock-header-title,:root[data-surface][data-homu] .closeshift-header-title,:root[data-surface][data-homu] .notifscreen-header-title,:root[data-surface][data-homu] .memset-header-title,:root[data-surface][data-homu] .pmscreen-header-title{text-overflow:ellipsis;min-width:0;overflow:hidden}:root[data-surface][data-homu] .shopcat-header>button:not(.shopcat-back),:root[data-surface][data-homu] .shopexpenses-header>button:not(.shopexpenses-back),:root[data-surface][data-homu] .shopopt-header>button:not(.shopopt-back),:root[data-surface][data-homu] .shoporders-header>button:not(.shoporders-back),:root[data-surface][data-homu] .shoppromo-header>button:not(.shoppromo-back),:root[data-surface][data-homu] .shopreports-header>button:not(.shopreports-back),:root[data-surface][data-homu] .shoptheme-header>button:not(.shoptheme-back),:root[data-surface][data-homu] .shopshifts-header>button:not(.shopshifts-back),:root[data-surface][data-homu] .shopstaff-header>button:not(.shopstaff-back),:root[data-surface][data-homu] .shopstock-header>button:not(.shopstock-back),:root[data-surface][data-homu] .closeshift-header>button:not(.closeshift-back),:root[data-surface][data-homu] .notifscreen-header>button:not(.notifscreen-back),:root[data-surface][data-homu] .memset-header>button:not(.memset-back),:root[data-surface][data-homu] .pmscreen-header>button:not(.pmscreen-back){background:var(--homu-white);color:var(--homu-orange-deep);border-radius:var(--radius-full);border-color:#0000;flex-shrink:0;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .hero.hero--brand{background:linear-gradient(135deg, var(--homu-orange) 0%, var(--homu-orange-light) 100%);border-radius:var(--homu-radius-card);box-shadow:0 10px 22px -8px #e0650f73}:root[data-surface][data-homu] .hero.hero--brand>svg:first-child{display:none}:root[data-surface][data-homu] .hero.hero--brand .statblock{background:#ffffff3d;border-color:#0000}:root[data-surface][data-homu] .hero.hero--brand .statblock-value,:root[data-surface][data-homu] .hero.hero--brand .statblock-label{color:var(--homu-white)}:root[data-surface][data-homu] .pmscreen-header-title-row>svg{display:none}:root[data-surface][data-homu] .pmscreen-header-title-row{padding:7px 12px}:root[data-surface][data-homu] .shopreports-header-title,:root[data-surface][data-homu] .memset-header-info{border-radius:var(--homu-radius-chip);flex-direction:column;align-items:flex-start;gap:0;padding:5px 16px 6px}:root[data-surface][data-homu] .shopreports-header-sub,:root[data-surface][data-homu] .memset-header-shop{color:var(--homu-ink-2)}:root[data-surface][data-homu] .shopreports-header .exportmenu-trigger{background:var(--homu-white);color:var(--homu-orange-deep);border-radius:var(--radius-full);border-color:#0000;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .openshift-screen{position:relative}:root[data-surface][data-homu] .openshift-screen>*{z-index:var(--homu-z-over);position:relative}:root[data-surface][data-homu] .openshift-screen:before{content:"";height:calc(env(safe-area-inset-top) + var(--homu-wave-h));z-index:var(--homu-z-under);pointer-events:none;background:var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat, linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% env(safe-area-inset-top) no-repeat;position:absolute;top:0;left:0;right:0}:root[data-surface][data-homu] .hero.shift-homu-hero{z-index:calc(var(--z-raised) + 1);min-height:112px;margin-top:34px;padding-right:120px;overflow:visible}:root[data-surface][data-homu] .shift-homu-hero .hero-extra{position:static}:root[data-surface][data-homu] .shift-homu{height:calc(100% + 34px);position:absolute;bottom:0;right:6px}:root[data-surface][data-homu] .shift-homu .homu-mascot-img{width:auto;height:100%}:root[data-surface][data-homu] .openshift-display{background:var(--homu-white);border:2px solid var(--homu-orange);border-radius:var(--homu-radius-card)}:root[data-surface][data-homu] .openshift-preset{border-radius:var(--radius-full);border-color:#0000;box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .openshift-preset.active{border:2px solid var(--homu-orange);background:var(--homu-orange-soft);color:var(--homu-orange-deep)}:root[data-surface][data-homu] .openshift-custom-input,:root[data-surface][data-homu] .closeshift-cash-input{background:var(--homu-white);border:2px solid var(--homu-orange);border-radius:var(--radius-full)}:root[data-surface][data-homu] .openshift-tip{background:var(--homu-beige);border-radius:var(--homu-radius-chip)}:root[data-surface][data-homu] .openshift-cta,:root[data-surface][data-homu] .closeshift-confirm{background:var(--homu-orange);border-radius:var(--radius-full);box-shadow:0 8px 18px #f47a1d61}:root[data-surface][data-homu] .openshift-footer,:root[data-surface][data-homu] .closeshift-footer{background:var(--homu-white);border-radius:var(--homu-radius-nav) var(--homu-radius-nav) 0 0;border-top-color:#0000;box-shadow:0 -4px 16px #a05a1e1a}:root[data-surface][data-homu] .closeshift-summary{border-radius:var(--homu-radius-card) var(--homu-radius-card) 0 0;border-color:#0000;padding-bottom:24px;-webkit-mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) 50% 0/18px 100% repeat-x;mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) 50% 0/18px 100% repeat-x}:root[data-surface][data-homu] .closeshift-result{border-radius:var(--homu-radius-chip)}:root[data-surface][data-homu] .openshift-screen .shift-homu-hero{margin-top:46px}:root[data-surface][data-homu] .dineboard-screen,:root[data-surface][data-homu] .dineset-screen,:root[data-surface][data-homu] .dineticket-screen,:root[data-surface][data-homu] .onboard-screen{background:var(--homu-cream)}:root[data-surface][data-homu] .dineboard-header,:root[data-surface][data-homu] .dineset-header,:root[data-surface][data-homu] .dineticket-header,:root[data-surface][data-homu] .onboard-header{background:0 0;border-bottom-color:#0000;padding-bottom:18px}:root[data-surface][data-homu] .dineboard-header>*,:root[data-surface][data-homu] .dineset-header>*,:root[data-surface][data-homu] .dineticket-header>*,:root[data-surface][data-homu] .onboard-header>*{z-index:var(--homu-z-over);position:relative}:root[data-surface][data-homu] .dineboard-header:after,:root[data-surface][data-homu] .dineset-header:after,:root[data-surface][data-homu] .dineticket-header:after,:root[data-surface][data-homu] .onboard-header:after{content:"";height:calc(env(safe-area-inset-top) + var(--homu-wave-h));z-index:var(--homu-z-under);pointer-events:none;background:var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat, linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% env(safe-area-inset-top) no-repeat;position:absolute;top:0;left:0;right:0}:root[data-surface][data-homu] .dineboard-back,:root[data-surface][data-homu] .dineset-back,:root[data-surface][data-homu] .dineticket-back,:root[data-surface][data-homu] .onboard-back,:root[data-surface][data-homu] .dineboard-header>button:not(.dineboard-back),:root[data-surface][data-homu] .dineset-header>button:not(.dineset-back),:root[data-surface][data-homu] .dineticket-header>button:not(.dineticket-back),:root[data-surface][data-homu] .onboard-header>button:not(.onboard-back){background:var(--homu-white);color:var(--homu-orange-deep);border-radius:var(--radius-full);border-color:#0000;flex-shrink:0;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .dineboard-header-title,:root[data-surface][data-homu] .dineset-header>h1,:root[data-surface][data-homu] .dineticket-header-title,:root[data-surface][data-homu] .onboard-header-title{background:var(--homu-white);border-radius:var(--radius-full);color:var(--homu-ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;align-items:center;gap:8px;min-width:0;max-width:100%;margin:0 auto 0 0;padding:7px 14px;display:inline-flex;overflow:hidden;box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .dineboard-header-title,:root[data-surface][data-homu] .dineticket-header-title{border-radius:var(--homu-radius-chip);flex-direction:column;align-items:flex-start;gap:0;padding:5px 16px 6px}:root[data-surface][data-homu] .dineboard-header-sub,:root[data-surface][data-homu] .dineticket-header-sub{color:var(--homu-ink-2)}:root[data-surface][data-homu] .dineset-header-crown{display:none}:root[data-surface][data-homu] .onboard-header{justify-content:flex-start;gap:10px}:root[data-surface][data-homu] .onboard-header>.onboard-back{top:auto;left:auto;transform:none}:root[data-surface][data-homu] .onboard-body{background:0 0}:root[data-surface][data-homu] .shopsel-screen{background:var(--homu-cream)}:root[data-surface][data-homu] .shopsel-header{background:linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% calc(100% - var(--homu-wave-h) + 1px) no-repeat, var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat;padding-bottom:calc(var(--homu-wave-h) + 6px)}:root[data-surface][data-homu] .shopsel-header:before,:root[data-surface][data-homu] .shopsel-header:after{display:none}:root[data-surface][data-homu] .shopsel-overview-back{background:var(--homu-white);color:var(--homu-orange-deep);box-shadow:0 3px 8px #7832002e}:root[data-surface][data-homu] .auth-screen:after{content:"";height:calc(116px * var(--login-zoom,1));z-index:0;pointer-events:none;background:linear-gradient(var(--homu-orange), var(--homu-orange)) top / 100% calc(100% - var(--homu-wave-h) + 1px) no-repeat, var(--homu-wave) bottom / 100% var(--homu-wave-h) no-repeat;position:absolute;top:0;left:0;right:0}:root[data-surface][data-homu] .auth-homu-only{display:block}:root[data-surface][data-homu] .auth-nonhomu-only{display:none}:root[data-surface][data-homu] .auth-content{min-height:calc(100dvh / var(--login-zoom,1));padding:14px 22px 0}:root[data-surface][data-homu] .auth-screen--fit{height:100dvh;overflow:hidden}:root[data-surface][data-homu] .auth-logo-container{border-radius:var(--radius-full);background:var(--homu-white);width:84px;height:84px;margin-bottom:0;position:relative;box-shadow:0 6px 14px #78320038}:root[data-surface][data-homu] .auth-logo-img{object-fit:contain;filter:none;width:60px;height:60px}:root[data-surface][data-homu] .auth-brand-title{color:var(--homu-ink);margin-top:10px}:root[data-surface][data-homu] .auth-brand-sub{color:var(--homu-ink-2)}:root[data-surface][data-homu] .auth-wordmark{width:228px;height:auto;margin:22px auto 12px}:root[data-surface][data-homu] .auth-card{text-align:left;background:var(--homu-card);border-color:#0000;border-radius:26px;max-width:362px;margin-bottom:14px;padding:18px 20px;box-shadow:0 10px 28px -12px #8c461442}:root[data-surface][data-homu] .auth-step-head{text-align:left}:root[data-surface][data-homu] .auth-title-brush{width:150px;height:auto;margin:-4px 0 2px -8px}:root[data-surface][data-homu] .auth-step-title,:root[data-surface][data-homu] .auth-step-title2{font-family:var(--font-display);color:var(--homu-ink);font-weight:700}:root[data-surface][data-homu] .auth-step-title2{font-size:var(--fs-md);transform-origin:0;margin-top:12px;transform:rotate(-3deg)}:root[data-surface][data-homu] .auth-step-sub{font-style:italic;font-size:var(--fs-sm);color:var(--homu-ink-2);transform-origin:0;margin-top:2px;transform:rotate(-3deg)}:root[data-surface][data-homu] .auth-input{border:2px solid color-mix(in srgb, var(--homu-orange) 38%, transparent);background:var(--homu-white);border-radius:24px;height:54px;box-shadow:0 4px 12px -6px #f47a1d59}:root[data-surface][data-homu] .auth-input-icon{color:var(--homu-orange);width:24px;height:24px}:root[data-surface][data-homu] .auth-input input{font-size:var(--fs-xl);color:var(--homu-ink)}:root[data-surface][data-homu] .auth-input input::placeholder{color:color-mix(in srgb, var(--homu-ink-2) 80%, transparent)}:root[data-surface][data-homu] .auth-agree{align-items:center}:root[data-surface][data-homu] .auth-agree-box{border:2px solid var(--homu-orange);background:var(--homu-white);border-radius:8px;width:26px;height:26px}:root[data-surface][data-homu] .auth-agree-box-active{background:var(--homu-orange);color:var(--homu-white)}:root[data-surface][data-homu] .auth-agree-label{color:var(--homu-ink)}:root[data-surface][data-homu] .auth-agree-link{color:var(--homu-orange-deep);font-weight:700}:root[data-surface][data-homu] .auth-cta-wrap{padding:2px 0 0;position:relative}:root[data-surface][data-homu] .auth-cta{border-radius:var(--radius-full);background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);height:52px;color:var(--homu-white);font-weight:700;box-shadow:0 8px 18px -6px #f47a1d8c}:root[data-surface][data-homu] .auth-cta:disabled,:root[data-surface][data-homu] .auth-oauth-btn:disabled{opacity:.9}:root[data-surface][data-homu] .auth-note{display:none}:root[data-surface][data-homu] .auth-divider{color:var(--homu-ink-2)}:root[data-surface][data-homu] .auth-oauth-btn{background:var(--homu-card);border:1.5px solid color-mix(in srgb, var(--homu-orange) 14%, transparent);height:44px;color:var(--homu-ink-2);border-radius:22px;font-weight:600}:root[data-surface][data-homu] .auth-scene{flex-shrink:0;align-self:center;width:calc(100% + 44px);max-width:560px;margin:auto -22px 0}:root[data-surface][data-homu] .auth-scene img{width:100%;height:auto;display:block}:root[data-surface][data-homu] .menu-sheet--floating{background:var(--homu-sheet-wave) bottom / 100% 70px no-repeat, var(--homu-card);padding:14px 14px calc(14px + env(safe-area-inset-bottom));border-radius:24px;gap:10px;box-shadow:0 18px 40px -12px #78320052}:root[data-surface][data-homu] .menu-sheet-header{align-items:center;gap:8px}:root[data-surface][data-homu] .menu-sheet-thumb{border-radius:0;width:64px;height:58px;position:relative;background:0 0!important}:root[data-surface][data-homu] .menu-sheet-thumb:before{content:"";background:var(--homu-blob-1);-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;position:absolute;inset:8% 0 0}:root[data-surface][data-homu] .menu-sheet-thumb:after{content:"";background:var(--homu-spark) center / contain no-repeat;pointer-events:none;width:14px;height:14px;position:absolute;top:6%;right:-8px;transform:rotate(-20deg)}:root[data-surface][data-homu] .menu-sheet-thumb img{z-index:var(--homu-z-over);filter:drop-shadow(0 4px 6px #8c461429);position:relative;border-radius:0!important}:root[data-surface][data-homu] .menu-sheet-titlewrap{padding-left:4px}:root[data-surface][data-homu] .menu-sheet-title{font-size:var(--fs-lg);color:var(--homu-ink);font-weight:800;line-height:1.25}:root[data-surface][data-homu] .menu-sheet-sub{font-size:var(--fs-xs);color:var(--homu-ink-2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}:root[data-surface][data-homu] .menu-sheet-close{background:var(--homu-orange-soft);width:30px;height:30px;color:var(--homu-ink);border-color:#0000;align-self:flex-start;box-shadow:0 2px 6px #8c46141f}:root[data-surface][data-homu] .menu-sheet-section-label{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--homu-ink);font-weight:700}:root[data-surface][data-homu] .menu-sheet-section{gap:6px}:root[data-surface][data-homu] .menu-sheet-row{grid-template-columns:repeat(auto-fit,minmax(max(64px,33.3333% - 4px),1fr));gap:6px}:root[data-surface][data-homu] .menu-sheet-chip{border:1px solid var(--border-1);background:var(--homu-cream);min-height:38px;color:var(--homu-ink);line-height:1.25;font-family:var(--font-display);font-size:var(--fs-xs);padding:7px 4px;font-weight:600;box-shadow:0 2px 5px #8c461414;border-radius:var(--homu-radius-chip)!important}:root[data-surface][data-homu] .menu-sheet-chip.active{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);color:var(--homu-white);border-color:#0000;box-shadow:0 4px 10px -4px #e0650f8c}:root[data-surface][data-homu] .menu-sheet-chip svg{width:13px;height:13px}:root[data-surface][data-homu] .menu-sheet-chip>span:first-child{margin-right:4px!important}:root[data-surface][data-homu] .menu-sheet-confirm{border-radius:var(--radius-full);background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);width:calc(100% - 56px);margin:10px auto 0;padding:11px 14px;position:relative;box-shadow:0 8px 18px -6px #e0650f99}:root[data-surface][data-homu] .menu-sheet-confirm:before,:root[data-surface][data-homu] .menu-sheet-confirm:after{content:"";background:var(--homu-spark) center / contain no-repeat;pointer-events:none;width:18px;height:24px;margin-top:-12px;position:absolute;top:50%}:root[data-surface][data-homu] .menu-sheet-confirm:before{left:-26px;transform:scaleX(-1)}:root[data-surface][data-homu] .menu-sheet-confirm:after{right:-26px}:root[data-surface][data-homu] .menu-sheet-confirm span:first-child,:root[data-surface][data-homu] .menu-sheet-confirm-price{font-size:var(--fs-md);font-weight:800}:root[data-surface][data-homu] .auth-modal,:root[data-surface][data-homu] .reauthsheet-panel,:root[data-surface][data-homu] .welcometoshop-modal,:root[data-surface][data-homu] .pmscreen-confirm,:root[data-surface][data-homu] .cartscreen-confirm-card,:root[data-surface][data-homu] .menu-noshift-modal,:root[data-surface][data-homu] .offlinequeue-panel,:root[data-surface][data-homu] .newshop-warn-modal,:root[data-surface][data-homu] .closeshift-confirm-modal,:root[data-surface][data-homu] .shopcat-confirm-modal,:root[data-surface][data-homu] .shopexpenses-confirm-modal,:root[data-surface][data-homu] .shopmenu-logoutconfirm-modal,:root[data-surface][data-homu] .shopopt-confirm-modal,:root[data-surface][data-homu] .shoppromo-confirm-modal,:root[data-surface][data-homu] .shopstaff-confirm-modal,:root[data-surface][data-homu] .reinstallmodal-card,:root[data-surface][data-homu] .rcpt-saved-card,:root[data-surface][data-homu] .shiftremind-modal,:root[data-surface][data-homu] .billingsheet-panel,:root[data-surface][data-homu] .cropmodal-card,:root[data-surface][data-homu] .notifscreen-confirm-modal{background:var(--homu-sheet-wave) bottom / 100% 64px no-repeat, var(--homu-card);border-color:#0000;border-radius:24px;box-shadow:0 18px 40px -12px #78320052}:root[data-surface][data-homu] .dineticket-sheet,:root[data-surface][data-homu] .pmscreen-sheet,:root[data-surface][data-homu] .pmscreen-template-sheet,:root[data-surface][data-homu] .shopcat-modal,:root[data-surface][data-homu] .shopexpenses-modal,:root[data-surface][data-homu] .shopopt-modal,:root[data-surface][data-homu] .shoppromo-modal,:root[data-surface][data-homu] .shopstaff-modal,:root[data-surface][data-homu] .installguide-modal{background:var(--homu-card);border-color:#0000;border-radius:24px 24px 0 0;box-shadow:0 -14px 36px -12px #7832004d}:root[data-surface][data-homu] .auth-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .reauthsheet-panel :is([class$=-title],h2,h3),:root[data-surface][data-homu] .welcometoshop-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .pmscreen-confirm :is([class$=-title],h2,h3),:root[data-surface][data-homu] .cartscreen-confirm-card :is([class$=-title],h2,h3),:root[data-surface][data-homu] .menu-noshift-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .offlinequeue-panel :is([class$=-title],h2,h3),:root[data-surface][data-homu] .newshop-warn-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .closeshift-confirm-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopcat-confirm-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopexpenses-confirm-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopmenu-logoutconfirm-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopopt-confirm-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shoppromo-confirm-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopstaff-confirm-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .reinstallmodal-card :is([class$=-title],h2,h3),:root[data-surface][data-homu] .rcpt-saved-card :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shiftremind-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .billingsheet-panel :is([class$=-title],h2,h3),:root[data-surface][data-homu] .cropmodal-card :is([class$=-title],h2,h3),:root[data-surface][data-homu] .notifscreen-confirm-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .dineticket-sheet :is([class$=-title],h2,h3),:root[data-surface][data-homu] .pmscreen-sheet :is([class$=-title],h2,h3),:root[data-surface][data-homu] .pmscreen-template-sheet :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopcat-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopexpenses-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopopt-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shoppromo-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .shopstaff-modal :is([class$=-title],h2,h3),:root[data-surface][data-homu] .installguide-modal :is([class$=-title],h2,h3){font-family:var(--font-display);color:var(--homu-ink);font-weight:800}:root[data-surface][data-homu] .auth-modal-close,:root[data-surface][data-homu] .billingsheet-close,:root[data-surface][data-homu] .installguide-close,:root[data-surface][data-homu] .menu-noshift-close,:root[data-surface][data-homu] .pmscreen-sheet-close,:root[data-surface][data-homu] .shiftremind-close{background:var(--homu-orange-soft);color:var(--homu-ink);border-radius:var(--radius-full);border-color:#0000;box-shadow:0 2px 6px #8c46141f}:root[data-surface][data-homu] .closeshift-confirm-btn:not(.closeshift-confirm-btn-cancel):not(.closeshift-confirm-btn-danger),:root[data-surface][data-homu] .cropmodal-confirm,:root[data-surface][data-homu] .menu-noshift-btn-confirm,:root[data-surface][data-homu] .newshop-warn-confirm,:root[data-surface][data-homu] .pmscreen-confirm-primary,:root[data-surface][data-homu] .reauthsheet-cta,:root[data-surface][data-homu] .reinstallmodal-btn,:root[data-surface][data-homu] .shiftremind-btn-confirm,:root[data-surface][data-homu] .shopmenu-logoutconfirm-btn-confirm,:root[data-surface][data-homu] .shopexpenses-modal-btn-save,:root[data-surface][data-homu] .shopcat-btn-save,:root[data-surface][data-homu] .shopopt-btn-save,:root[data-surface][data-homu] .shoppromo-btn-save,:root[data-surface][data-homu] .shopstaff-btn-save,:root[data-surface][data-homu] .welcometoshop-btn{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);color:var(--homu-white);border-radius:var(--radius-full);font-family:var(--font-display);border-color:#0000;font-weight:800;box-shadow:0 8px 18px -6px #e0650f99}:root[data-surface][data-homu] .cartscreen-confirm-delete,:root[data-surface][data-homu] .closeshift-confirm-btn-danger,:root[data-surface][data-homu] .notifscreen-confirm-btn-danger,:root[data-surface][data-homu] .pmscreen-confirm-delete,:root[data-surface][data-homu] .shopcat-confirm-delete,:root[data-surface][data-homu] .shopexpenses-confirm-btn-danger,:root[data-surface][data-homu] .shopopt-confirm-delete,:root[data-surface][data-homu] .shoppromo-confirm-delete,:root[data-surface][data-homu] .shopstaff-confirm-btn-delete,:root[data-surface][data-homu] .shoppromo-btn-delete,:root[data-surface][data-homu] .shopstaff-btn-delete{background:var(--c-danger);color:var(--homu-white);border-radius:var(--radius-full);font-family:var(--font-display);border-color:#0000;font-weight:800;box-shadow:0 8px 16px -8px #b91c1c8c}:root[data-surface][data-homu] .cartscreen-confirm-cancel,:root[data-surface][data-homu] .closeshift-confirm-btn-cancel,:root[data-surface][data-homu] .cropmodal-cancel,:root[data-surface][data-homu] .menu-noshift-btn:not(.menu-noshift-btn-confirm),:root[data-surface][data-homu] .newshop-warn-cancel,:root[data-surface][data-homu] .notifscreen-confirm-btn-cancel,:root[data-surface][data-homu] .pmscreen-confirm-cancel,:root[data-surface][data-homu] .reinstallmodal-later,:root[data-surface][data-homu] .shiftremind-btn:not(.shiftremind-btn-confirm),:root[data-surface][data-homu] .shopcat-confirm-cancel,:root[data-surface][data-homu] .shopcat-btn-cancel,:root[data-surface][data-homu] .shopexpenses-choice-cancel,:root[data-surface][data-homu] .shopexpenses-confirm-btn-cancel,:root[data-surface][data-homu] .shopexpenses-modal-btn-cancel,:root[data-surface][data-homu] .shopmenu-logoutconfirm-btn-cancel,:root[data-surface][data-homu] .shopopt-confirm-cancel,:root[data-surface][data-homu] .shopopt-btn-cancel,:root[data-surface][data-homu] .shoppromo-confirm-cancel,:root[data-surface][data-homu] .shoppromo-btn-cancel,:root[data-surface][data-homu] .shopstaff-confirm-btn-cancel,:root[data-surface][data-homu] .shopstaff-btn-cancel{background:var(--homu-cream);color:var(--homu-ink);border:1px solid var(--border-1);border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;box-shadow:0 2px 5px #8c461414}:root[data-surface][data-homu] .cart-bar{background-image:linear-gradient(var(--homu-white), var(--homu-white)), var(--homu-metal);color:var(--homu-ink);border-radius:var(--radius-full);background-position:0 0,0 0;background-repeat:no-repeat,repeat-x;background-size:100% 100%,300% 100%;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:2px solid #0000;padding:7px 7px 7px 11px;animation:.3s fadeInUp,2.5s linear infinite homu-metal-shine;box-shadow:0 16px 32px -10px #78320073}:root[data-surface][data-homu] .cart-bar-icon{background:0 0;border-radius:0;width:66px;height:44px;position:relative}:root[data-surface][data-homu] .cart-bar-icon>svg{display:none}:root[data-surface][data-homu] .cart-bar-art{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 4px #8c46142e);width:72px;height:auto;display:block;position:absolute;bottom:-8px;left:-4px}:root[data-surface][data-homu] .cart-bar-textwrap{text-align:left}:root[data-surface][data-homu] .cart-bar-count{color:var(--homu-ink-2);font-size:var(--fs-sm)}:root[data-surface][data-homu] .cart-bar-total{color:var(--homu-orange-deep);font-family:var(--font-display);font-size:var(--fs-xl);align-items:baseline;font-weight:800}:root[data-surface][data-homu] .cart-bar-old{color:var(--text-3);font-size:var(--fs-sm);order:2;font-weight:600}:root[data-surface][data-homu] .cart-bar-btn{border-radius:var(--radius-full);background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);color:var(--homu-white);font-family:var(--font-display);font-size:var(--fs-md);margin-left:18px;padding:11px 18px;font-weight:800;position:relative;box-shadow:0 8px 16px -6px #e0650f99}:root[data-surface][data-homu] .cart-bar-btn:before{content:"";background:var(--homu-spark) center / contain no-repeat;pointer-events:none;width:16px;height:22px;margin-top:-11px;position:absolute;top:50%;left:-20px;transform:scaleX(-1)}:root[data-surface][data-homu] .cart-bar--fullscreen{border-radius:var(--homu-radius-card)}:root[data-surface][data-homu] .cart-bar--fullscreen .cart-bar-icon{width:40px;height:30px}:root[data-surface][data-homu] .cart-bar--fullscreen .cart-bar-art{width:40px}.homu-fly-ghost{z-index:var(--z-toast);object-fit:contain;pointer-events:none;will-change:transform, opacity;filter:drop-shadow(0 6px 8px #78320040);position:fixed}:root[data-surface][data-homu] .cart-bar-art--catch{transform-origin:50% 100%;animation:.5s cubic-bezier(.3,.7,.4,1) homu-cart-catch}@keyframes homu-cart-catch{0%{transform:translateY(0)scale(1)}25%{transform:translateY(2px)scale(1.1,.88)}55%{transform:translateY(-7px)scale(.95,1.06)}80%{transform:translateY(0)scale(1.03,.97)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){:root[data-surface][data-homu] .cart-bar-art--catch{animation:none}}:root[data-surface][data-homu] .cartscreen-item-controls{background:var(--homu-white);border:1px solid color-mix(in srgb, var(--homu-orange) 28%, transparent);border-radius:var(--radius-full);gap:4px;padding:3px;box-shadow:0 2px 6px #8c461414}:root[data-surface][data-homu] .cartscreen-qty-btn{background:var(--homu-orange-soft)}:root[data-surface][data-homu] .cartscreen-qty-btn-add{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%)}:root[data-surface][data-homu] .cartscreen-qty-value{font-family:var(--font-display);color:var(--homu-ink);font-weight:800}:root[data-surface][data-homu] .cartscreen-checkout{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);padding-left:22px;padding-right:8px}:root[data-surface][data-homu] .cartscreen-checkout-label{align-items:center;gap:8px;display:inline-flex}:root[data-surface][data-homu] .cartscreen-checkout-amt{background:var(--homu-white);color:var(--homu-orange-deep);border-radius:var(--radius-full);padding:6px 16px;font-weight:800;box-shadow:0 2px 6px #78320026}:root[data-surface][data-homu] .cartscreen-header .cartscreen-icon-btn{gap:5px;width:auto;padding:0 12px 0 10px}:root[data-surface][data-homu] .cartscreen-icon-btn-label{font-family:var(--font-display);font-size:var(--fs-sm);white-space:nowrap;font-weight:700;display:inline}:root[data-surface][data-homu] .pmscreen-sheet-overlay.addprod-screen{background:var(--homu-cream)}:root[data-surface][data-homu] .addprod-hero.shift-homu-hero{margin-top:30px}:root[data-surface][data-homu] .addprod-screen .pmscreen-addmode{background:var(--homu-beige);border-radius:var(--radius-full);border-color:#0000;padding:5px}:root[data-surface][data-homu] .addprod-screen .pmscreen-addmode-btn{border-radius:var(--radius-full);font-family:var(--font-display);color:var(--homu-ink);font-weight:800}:root[data-surface][data-homu] .addprod-screen .pmscreen-addmode-btn.active{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);color:var(--homu-white);box-shadow:0 6px 14px -6px #e0650f99}:root[data-surface][data-homu] .addprod-screen .pmscreen-save-bar{background:var(--homu-sheet-wave) top / 100% 100% no-repeat;padding-top:30px}:root[data-surface][data-homu] .addprod-screen .pmscreen-save{border-radius:var(--radius-full);background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);width:calc(100% - 56px);font-family:var(--font-display);font-size:var(--fs-lg);margin:0 auto;padding:14px 16px;font-weight:800;position:relative;box-shadow:0 8px 18px -6px #e0650f99}:root[data-surface][data-homu] .addprod-screen .pmscreen-save:before,:root[data-surface][data-homu] .addprod-screen .pmscreen-save:after{content:"";background:var(--homu-spark) center / contain no-repeat;pointer-events:none;width:18px;height:24px;margin-top:-12px;position:absolute;top:50%}:root[data-surface][data-homu] .addprod-screen .pmscreen-save:before{left:-26px;transform:scaleX(-1)}:root[data-surface][data-homu] .addprod-screen .pmscreen-save:after{right:-26px}:root[data-surface][data-homu] .addprod-screen .pmscreen-save:disabled{opacity:.55}:root[data-surface][data-homu] .addprod-screen .pmscreen-sheet.addprod-body{box-shadow:none;background:0 0;border-radius:0}:root[data-surface][data-homu] .addprod-screen .pmscreen-formcard{background:var(--homu-white);border-radius:var(--homu-radius-card);border-color:#0000;box-shadow:0 6px 16px -8px #8c461438}:root[data-surface][data-homu] .addprod-screen .pmscreen-field-input{background:var(--homu-cream);border-color:var(--homu-beige);border-radius:var(--homu-radius-chip);color:var(--homu-ink)}:root[data-surface][data-homu] .addprod-screen .pmscreen-field-input:focus{border-color:var(--homu-orange);box-shadow:0 0 0 3px var(--homu-orange-soft)}:root[data-surface][data-homu] .addprod-screen .bulkadd-link{background:var(--homu-orange-soft);color:var(--homu-orange-deep);border-color:#0000;font-weight:700}:root[data-surface][data-homu] .addprod-screen .bulkadd-link--primary{background:var(--homu-white);border:2px solid var(--homu-orange);color:var(--homu-orange-deep);box-shadow:0 3px 8px -4px #e0650f59}:root[data-surface][data-homu] .pmscreen-item-compact{background:var(--homu-card);border-color:#0000;gap:12px;padding:10px 14px;box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .pmscreen-item-compact-thumb{border-radius:var(--homu-radius-chip);background:0 0!important}:root[data-surface][data-homu] .pmscreen-item-compact-thumb:before{content:"";background:var(--homu-blob,var(--homu-blob-1));-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;-webkit-mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;mask:var(--homu-blob-mask-a) center / 100% 100% no-repeat;position:absolute;inset:6% 2% 2%}:root[data-surface][data-homu] .pmscreen-item-compact:nth-child(2n) .pmscreen-item-compact-thumb:before{-webkit-mask-image:var(--homu-blob-mask-b);-webkit-mask-image:var(--homu-blob-mask-b);mask-image:var(--homu-blob-mask-b)}:root[data-surface][data-homu] .pmscreen-item-compact:nth-child(4n+2){--homu-blob:var(--homu-blob-2)}:root[data-surface][data-homu] .pmscreen-item-compact:nth-child(4n+3){--homu-blob:var(--homu-blob-3)}:root[data-surface][data-homu] .pmscreen-item-compact:nth-child(4n+4){--homu-blob:var(--homu-blob-4)}:root[data-surface][data-homu] .pmscreen-item-compact-name{font-family:var(--font-display);font-size:var(--fs-base);color:var(--homu-ink)}:root[data-surface][data-homu] .pmscreen-item-compact-cat{color:var(--homu-ink-2)}:root[data-surface][data-homu] .pmscreen-item-compact-price{color:var(--homu-orange-deep)}:root[data-surface][data-homu] .pmscreen-item-compact-delete{border-radius:var(--radius-full);background:color-mix(in srgb, var(--danger) 12%, transparent);width:28px;height:28px}@container app (width<=639px){:root[data-surface][data-homu] .pmscreen-list-compact{gap:0}:root[data-surface][data-homu] .pmscreen-item-compact{clip-path:inset(0 -12px);border-radius:0;position:relative}:root[data-surface][data-homu] .pmscreen-item-compact:first-child{border-top-left-radius:var(--homu-radius-card);border-top-right-radius:var(--homu-radius-card);clip-path:inset(-12px -12px 0)}:root[data-surface][data-homu] .pmscreen-item-compact:last-child{border-bottom-left-radius:var(--homu-radius-card);border-bottom-right-radius:var(--homu-radius-card);clip-path:inset(0 -12px -12px)}:root[data-surface][data-homu] .pmscreen-item-compact:only-child{clip-path:none}:root[data-surface][data-homu] .pmscreen-item-compact+.pmscreen-item-compact:after{content:"";border-top:1px dashed color-mix(in srgb, var(--homu-orange) 22%, transparent);position:absolute;top:0;left:14px;right:14px}:root[data-surface][data-homu] .pmscreen-item-compact:active{background:var(--homu-orange-soft);transform:none}}:root[data-surface][data-homu] .pmscreen-fab{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);border:4px solid var(--homu-white);box-shadow:0 8px 18px #f47a1d6b}:root[data-surface][data-homu] .pmscreen-search-scan{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%);color:var(--homu-white);box-shadow:0 4px 10px -4px #e0650f8c}:root[data-surface][data-homu] .pmscreen-search-clear{background:var(--homu-orange-soft);color:var(--homu-ink)}:root[data-surface][data-homu] .pmscreen-search-box input{background:var(--homu-white);border:2px solid var(--homu-orange);border-radius:var(--radius-full);height:46px;padding-left:46px;box-shadow:0 3px 10px #f47a1d1f}:root[data-surface][data-homu] .pmscreen-search-box input:focus{background-image:linear-gradient(var(--homu-white), var(--homu-white)), var(--homu-metal);background-position:0 0,0 0;background-repeat:no-repeat,repeat-x;background-size:100% 100%,300% 100%;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border-color:#0000;animation:2.5s linear infinite homu-metal-shine;box-shadow:0 0 0 3px #f47a1d24,0 3px 10px #f47a1d1f}@media (prefers-reduced-motion:reduce){:root[data-surface][data-homu] .pmscreen-search-box input:focus{animation:none}}:root[data-surface][data-homu] .pmscreen-search-box:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='8' stroke='%23F47A1D' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='m21 21-4.35-4.35' stroke='%23F47A1D' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");left:16px}:root[data-surface][data-homu] .pmscreen-search-scan{width:34px;height:34px}:root[data-surface][data-homu] .bulkadd-steps{color:var(--homu-ink)}:root[data-surface][data-homu] .bulkadd-steps li::marker{color:var(--homu-orange);font-weight:800}:root[data-surface][data-homu] .bulkadd-steps strong{color:var(--homu-orange-deep)}:root[data-surface][data-homu] .addprod-screen .bulkadd-count{border-radius:var(--radius-full);font-family:var(--font-display);padding:5px 12px;font-weight:800}:root[data-surface][data-homu] .addprod-screen .bulkadd-list{background:var(--homu-card);border-radius:var(--homu-radius-card);gap:0;padding:2px 12px;box-shadow:0 2px 8px #a05a1e14}:root[data-surface][data-homu] .addprod-screen .bulkadd-row{background:0 0;border:none;border-radius:0;padding:10px 0}:root[data-surface][data-homu] .addprod-screen .bulkadd-row+.bulkadd-row{border-top:1.5px dashed var(--homu-beige)}:root[data-surface][data-homu] .addprod-screen .bulkadd-row.error{background:var(--c-danger-surface);margin:0 -12px;padding:10px 12px}:root[data-surface][data-homu] .addprod-screen .bulkadd-row.dup:not(.skipped){background:var(--c-warning-surface);margin:0 -12px;padding:10px 12px}:root[data-surface][data-homu] .addprod-screen .bulkadd-row-thumb{background:var(--homu-blob,var(--homu-blob-1));border-radius:var(--homu-radius-chip);width:48px;height:48px}:root[data-surface][data-homu] .addprod-screen .bulkadd-row:nth-child(4n+2){--homu-blob:var(--homu-blob-2)}:root[data-surface][data-homu] .addprod-screen .bulkadd-row:nth-child(4n+3){--homu-blob:var(--homu-blob-3)}:root[data-surface][data-homu] .addprod-screen .bulkadd-row:nth-child(4n+4){--homu-blob:var(--homu-blob-4)}:root[data-surface][data-homu] .addprod-screen .bulkadd-row-name{font-family:var(--font-display);color:var(--homu-ink);font-weight:700}:root[data-surface][data-homu] .addprod-screen .bulkadd-row-price{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--homu-orange-deep);font-weight:800}:root[data-surface][data-homu] .addprod-screen .bulkadd-tag{background:var(--homu-beige);color:var(--homu-ink);border-radius:var(--radius-full);padding:2px 9px}:root[data-surface][data-homu] .addprod-screen .pmscreen-toggle-row{background:var(--homu-cream);border-radius:var(--homu-radius-chip);border-color:#0000}:root[data-surface][data-homu] .pmscreen-toggle-track{background:var(--homu-beige)}:root[data-surface][data-homu] .pmscreen-toggle-track.active{background:linear-gradient(180deg, var(--homu-orange-light) 0%, var(--homu-orange) 100%)}:root[data-surface][data-homu] .pmscreen-toggle-dot{box-shadow:0 1px 3px #78320040}.shiftremind-overlay{z-index:var(--z-overlay-2);padding:var(--sp-xl,20px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shiftremind-modal{background:var(--p-indigo-25);border-radius:var(--radius-lg);align-items:center;gap:var(--sp-md,12px);width:100%;max-width:320px;box-shadow:0 10px 40px rgba(var(--glass-primary-rgb), .22);font-family:var(--font-body);flex-direction:column;padding:18px clamp(20px,6vw,26px);display:flex;position:relative}.shiftremind-close{z-index:2;border:1px solid var(--line,var(--p-warm-200));width:28px;height:28px;color:var(--muted,var(--p-warm-500));cursor:pointer;background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.shiftremind-close:hover{background:var(--p-white);color:var(--ink,var(--p-warm-900))}.shiftremind-icon{width:44px;height:44px;color:var(--p-amber-700);background:#f59e0b24;border-radius:50%;justify-content:center;align-items:center;display:flex}.shiftremind-title{font-size:var(--fs-lg,18px);color:var(--ink,var(--p-warm-900));text-align:center;font-weight:800}.shiftremind-body{font-size:var(--fs-md);color:var(--muted,var(--p-warm-500));text-align:center;line-height:1.5}.shiftremind-actions{width:100%;margin-top:var(--sp-sm);justify-content:center;display:flex}.shiftremind-btn{min-width:60%;padding:0 var(--sp-xl,20px);min-height:var(--tap-min);border-radius:var(--radius-md);font-size:var(--fs-md);cursor:pointer;font-weight:700;font-family:var(--font-body);border:none;transition:transform .12s}.shiftremind-btn:active{transform:scale(.96)}.shiftremind-btn-confirm{background:linear-gradient(135deg, var(--glass-primary) 0%, var(--glass-accent) 100%);color:#fff;box-shadow:0 4px 16px rgba(var(--glass-accent-rgb), .35)}.menuskel-screen{background:var(--p-indigo-25);flex-direction:column;min-height:100vh;animation:.15s menuskelFadeIn;display:flex}@keyframes menuskelFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.menuskel-screen{animation:none}}.menuskel-shimmer{border-radius:var(--radius-sm);background:linear-gradient(90deg,#94a3b829 25%,#94a3b847 37%,#94a3b829 63%) 0 0/400% 100%;animation:1.4s infinite menuskelShimmer}@keyframes menuskelShimmer{0%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.menuskel-shimmer{animation:none}}.menuskel-header{padding:calc(6px + env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid var(--border-1);background:#ffffffd9;flex-shrink:0}.menuskel-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.menuskel-avatar{border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px}.menuskel-title{border-radius:var(--radius-sm);flex:1;height:18px}.menuskel-icon{border-radius:var(--radius-sm);flex-shrink:0;width:38px;height:38px}.menuskel-search{border-radius:var(--radius-md);height:44px;margin-bottom:14px}.menuskel-chips{gap:8px;display:flex}.menuskel-chip{border-radius:var(--radius-sm);flex-shrink:0;width:78px;height:34px}.menuskel-chip:first-child{width:64px}.menuskel-chip:nth-child(3){width:92px}.menuskel-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px 120px;display:grid}.menuskel-card{border-radius:var(--radius-lg);border:1px solid var(--border-1);background:#ffffffb3;flex-direction:column;gap:8px;padding:10px;display:flex}.menuskel-card-img{aspect-ratio:1;border-radius:var(--radius-md);width:100%}.menuskel-card-line-wide{border-radius:var(--radius-sm);width:85%;height:12px}.menuskel-card-line-narrow{border-radius:var(--radius-sm);width:45%;height:12px}.menuskel-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:18px 20px 120px;display:flex}.menuskel-empty-icon{border-radius:50%;width:56px;height:56px}.menuskel-empty-title{width:180px;height:18px}.menuskel-empty-desc{width:220px;height:13px}.menuskel-empty-btn{border-radius:var(--radius-full);width:140px;height:40px;margin-top:6px}.menuskel-body{flex:1;justify-content:center;align-items:center;padding:18px 20px 120px;display:flex}.menuskel-blob{border-radius:var(--radius-xl);width:100%;max-width:280px;height:160px}.menu-screen{--bg-base:var(--p-indigo-25);--surface-glass:var(--surface-1);--surface-solid:var(--surface-1);--primary:var(--glass-primary);--primary-soft:var(--glass-primary-soft);--accent:var(--glass-accent);--accent-glow:var(--glass-accent-glow);--accent-soft:var(--glass-accent-soft);--text-1:var(--glass-text-1);--text-2:var(--glass-text-2);--text-3:var(--glass-text-3);--border-glass:var(--border-1);--border-soft:var(--border-1);--success:var(--p-emerald-500);--danger:var(--glass-danger);--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:0 24px 48px -12px rgba(var(--glass-primary-rgb), .2);--terracotta:var(--primary);--terracotta-dark:var(--p-indigo-700);--terracotta-gradient-end:var(--accent);--terracotta-gradient:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);--shop-ink:var(--text-1);--card:var(--p-white);--line:var(--p-indigo-50);--muted:var(--text-2);--muted-2:var(--text-3);--gold:var(--accent);--cream:var(--p-indigo-25);max-width:1440px;height:100%;color:var(--text-1);font-family:var(--font-body);background:var(--app-bg);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.menu-screen:before{content:"";height:env(safe-area-inset-top);background:var(--surface-strip);z-index:15;pointer-events:none;position:absolute;top:0;left:0;right:0}.menu-screen :where(h1,h2,h3){margin:0}.menu-noshift-banner{color:var(--p-amber-700);font-size:var(--fs-sm);z-index:11;background:#fffbebe6;border-bottom:1px solid #b4530926;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;font-weight:600;display:flex;position:relative}.menu-noshift-banner-text{align-items:center;gap:6px;display:inline-flex}.menu-noshift-banner-text svg{flex-shrink:0;width:16px;height:16px}.menu-noshift-banner-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:#fff;border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:6px 14px;font-weight:700}.app-header{background:var(--surface-glass);padding:calc(6px + env(safe-area-inset-top)) 20px 14px;z-index:10;border-bottom:1px solid var(--border-glass);flex-shrink:0;position:relative}.app-header--fullscreen{padding:calc(10px + env(safe-area-inset-top)) 20px 10px}.arc-clip{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.app-header>:not(.arc-clip){z-index:1;position:relative}.franchise-header-badge{object-fit:contain;opacity:.55;width:32px;height:32px;position:absolute;top:14px;right:16px}.header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.store-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.store-logo,.store-logo-img{border-radius:var(--radius-md);flex-shrink:0;width:44px;height:44px}.store-logo{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:var(--p-white);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);box-shadow:0 8px 20px rgba(var(--glass-primary-soft-rgb), .35);letter-spacing:-.02em;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.store-logo:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff4d 50%,#0000 60%);position:absolute;inset:0}.store-logo.store-logo--art{background:var(--surface-1);border:1px solid var(--border-1);box-shadow:var(--shadow-1);padding:5px}.store-logo.store-logo--art:after{display:none}.store-logo--art img{object-fit:contain;width:100%;height:100%}.store-logo-img{object-fit:cover;box-shadow:0 8px 20px rgba(var(--glass-primary-soft-rgb), .35)}.store-text{flex:1;min-width:0}.store-text h1{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-1);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;overflow:hidden}.store-text .branch{font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-weight:500;display:block;overflow:hidden}.store-text .branch .branch-dot{vertical-align:middle;margin-right:4px;display:inline-block}.branch-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 3px #10b98133}.branch-dot.branch-dot-off{background:var(--danger);box-shadow:0 0 0 3px #ef444433}.branch-dot.branch-dot-offline{background:var(--p-amber-500);box-shadow:0 0 0 3px #f59e0b33}.branch-offline-btn{font:inherit;color:var(--p-amber-700);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600}.header-actions{flex-shrink:0;gap:6px;margin-left:10px;display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-glass);width:42px;height:42px;color:var(--text-2);cursor:pointer;background:#ffffff80;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.dine-mode-btn{border-radius:var(--radius-md);border:1px solid var(--border-glass);height:42px;color:var(--text-2);font:inherit;font-size:var(--fs-base);cursor:pointer;background:#ffffff80;flex-shrink:0;align-items:center;gap:6px;padding:0 14px 0 12px;font-weight:700;transition:all .2s;display:flex}.dine-mode-btn:active{background:var(--accent-soft);border-color:var(--accent);color:var(--primary)}.dine-mode-btn span{display:none}.dine-mode-btn{justify-content:center;width:42px;padding:0}.icon-btn:active{background:var(--accent-soft);border-color:var(--accent);color:var(--primary)}@container app (width>=640px){.icon-btn{width:48px;height:48px}.icon-btn svg{width:22px;height:22px}.store-logo,.store-logo-img{width:52px;height:52px}.store-text h1{font-size:var(--fs-xl)}.dine-mode-btn span{display:inline}.dine-mode-btn{width:auto;padding:0 14px 0 12px}}.search-bar{margin-bottom:12px;position:relative}.search-bar input{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-glass);width:100%;height:42px;font-family:inherit;font-size:var(--fs-base);color:var(--text-1);outline:none;padding:0 40px 0 42px;transition:all .2s}.search-bar input:focus{background:var(--p-white);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.search-bar input::placeholder{color:var(--text-3)}.search-bar .search-icon{width:17px;height:17px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-clear{background:var(--border-soft);width:22px;height:22px;color:var(--text-2);font-size:var(--fs-xs);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.categories{scrollbar-width:none;gap:8px;margin:0 -20px;padding-bottom:4px;padding-left:20px;padding-right:20px;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.cat-chip{border-radius:var(--radius-sm);border:1px solid var(--border-glass);font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;cursor:pointer;background:#ffffff80;align-items:center;gap:6px;padding:9px 14px;font-weight:600;transition:box-shadow .2s,border-color .2s;display:inline-flex}.cat-chip.active{background:var(--p-white);color:var(--primary);border-color:var(--primary)}.cat-chip svg{flex-shrink:0;width:14px;height:14px}.app-content{scrollbar-width:none;z-index:1;flex:1;padding:12px 20px 120px;position:relative;overflow-y:auto}.app-content::-webkit-scrollbar{display:none}.app-content--fullscreen{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.promo-banner{background:linear-gradient(120deg, rgba(var(--glass-primary-soft-rgb), .9) 0%, rgba(var(--glass-accent-rgb), .85) 100%);border-radius:var(--radius-lg);color:var(--p-white);border:1px solid #ffffff4d;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 20px;display:flex;position:relative;overflow:hidden}:root[data-surface=flat] .promo-banner{background:var(--hero-grad);box-shadow:none;border-color:#0000}:root:not([data-surface=flat]) .promo-banner:before{content:"";background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60%;right:-15%}.promo-content{z-index:1;flex:1;min-width:0;position:relative}.promo-content .label{font-size:var(--fs-xs);color:var(--primary);background:var(--p-white);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);box-shadow:0 4px 8px rgba(var(--glass-primary-rgb), .1);padding:3px 8px;font-weight:700;display:inline-block}.promo-content h3{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--p-white);letter-spacing:-.01em;margin:8px 0 4px;font-weight:700;line-height:1.25}.promo-content p{font-size:var(--fs-xs);color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.promo-welcome-title{font-size:var(--fs-xl)}.promo-welcome-footer{opacity:.9;margin-top:6px}.promo-content-wrap{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.promo-banner-close{z-index:2;width:26px;height:26px;color:var(--p-white);cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:10px;right:10px}.promo-banner-closing{animation:.22s forwards promo-banner-dismiss}@keyframes promo-banner-dismiss{to{opacity:0;transform:translate(40px)}}.promo-illustration{border-radius:var(--radius-lg);z-index:1;width:64px;height:64px;box-shadow:0 10px 24px rgba(var(--glass-primary-rgb), .1);background:#fff3;border:1px solid #fff6;flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;display:flex;position:relative;transform:rotate(-6deg)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:12px;min-height:100%;display:grid;position:relative}.product-grid-watermark{opacity:.06;pointer-events:none;z-index:0;object-fit:contain;width:55%;max-width:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-card{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-glass);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:transform .15s,box-shadow .25s,background .25s;display:flex;position:relative;overflow:hidden}.product-card:active{background:var(--surface-1);box-shadow:var(--shadow-md);transform:scale(.97)}.product-image{justify-content:center;align-items:center;height:88px;display:flex;position:relative;overflow:hidden}.product-image:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#ffffff59);height:30px;position:absolute;bottom:-1px;left:0;right:0}.product-badges{z-index:2;align-items:center;max-width:calc(100% - 16px);display:flex;position:absolute}.product-badges-solo{top:0;left:0}.product-badges-combo{gap:3px;top:0;left:0}.product-discount,.product-tag{color:var(--p-white);font-size:var(--fs-2xs);font-weight:700;font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.product-discount{background:linear-gradient(135deg, var(--p-red-500) 0%, var(--p-rose-500) 100%)}.product-tag{background:linear-gradient(135deg, var(--success), var(--p-emerald-400))}.product-badges .product-discount,.product-badges .product-tag{border-radius:0 0 var(--radius-sm) 0;padding:3px 7px 3px 6px;position:relative}.product-badges .product-discount:after,.product-badges .product-tag:after{content:"";border-left:4px solid #0000;border-top:4px solid var(--fold-color);width:0;height:0;position:absolute;bottom:-4px;left:0}.product-badges .product-discount{--fold-color:var(--p-rose-800)}.product-badges .product-tag{--fold-color:var(--p-emerald-700)}.product-info{padding:var(--sp-sm) var(--sp-md) var(--sp-md);position:relative}.product-name{font-family:var(--font-display);font-size:var(--fs-base);color:var(--c-ink);margin-bottom:var(--sp-2xs);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.product-meta{font-size:var(--fs-xs);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;min-height:14px;margin-bottom:9px;font-weight:500;overflow:hidden}.product-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.price-current{font-family:var(--font-display);font-size:var(--fs-md);color:var(--primary);letter-spacing:-.02em;font-weight:700;line-height:1}.price-old{font-size:var(--fs-xs);color:var(--text-3);font-weight:500;text-decoration:line-through}.price-start{font-size:var(--fs-xs);color:var(--text-2);font-weight:500;font-family:var(--font-display)}.product-stepper--overlay{z-index:2;border-radius:var(--radius-full);background:var(--surface-1);height:36px;box-shadow:var(--shadow-2);align-items:center;gap:2px;padding:2px;display:flex;position:absolute;bottom:6px;right:6px}.product-stepper .stepper-btn{border-radius:var(--radius-full);background:var(--primary);width:32px;height:32px;color:var(--c-on-accent);font-size:var(--fs-lg);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex}.product-stepper .stepper-btn:first-child{background:rgba(var(--glass-primary-soft-rgb), .12);color:var(--primary)}.product-stepper .stepper-btn:active{transform:scale(.92)}.product-stepper .stepper-qty{font-family:var(--font-display);font-size:var(--fs-base);color:var(--text-1);text-align:center;font-variant-numeric:tabular-nums;min-width:22px;font-weight:700}.cart-bar{bottom:calc(96px + env(safe-area-inset-bottom));border-radius:var(--radius-lg);color:var(--p-white);z-index:19;cursor:grab;touch-action:none;background:#1e293bd9;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:11px 14px;transition:bottom .25s;animation:.3s fadeInUp;display:flex;position:absolute;left:20px;right:20px;box-shadow:0 14px 32px #1e293b59}.cart-bar--dragging{transition:none}.cart-bar:active{cursor:grabbing}.cart-bar--fullscreen{left:auto;right:14px;bottom:calc(24px + env(safe-area-inset-bottom));border-radius:var(--radius-md);width:auto;max-width:130px;padding:8px 12px}.cart-bar--fullscreen .cart-bar-count{display:none}.cart-bar--fullscreen .cart-bar-total{font-size:var(--fs-base)}.cart-bar-info{align-items:center;gap:10px;min-width:0;display:flex}.cart-bar-art{display:none}.cart-bar-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);width:32px;height:32px;color:var(--p-white);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cart-bar-textwrap{min-width:0}.cart-bar-count{color:#ffffffb3;font-size:var(--fs-xs);font-weight:500;line-height:1.2}.cart-bar-total{font-weight:700;font-size:var(--fs-md);color:var(--p-white);align-items:baseline;gap:6px;line-height:1.2;display:flex}.cart-bar-old{font-size:var(--fs-sm);color:#ffffff80;font-weight:500;text-decoration:line-through}.cart-bar-btn{background:var(--p-white);color:var(--text-1);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-sm);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px;transition:all .2s;display:flex}.cart-bar-btn:active{background:var(--accent-soft);color:var(--primary)}.bottom-nav{height:calc(66px + env(safe-area-inset-bottom));border-top:1px solid var(--border-glass);padding:0 18px calc(4px + env(safe-area-inset-bottom));z-index:20;background:#ffffffbf;grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;transition:transform .28s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}.bottom-nav.nav-hidden{transform:translateY(calc(100% + 30px))}@media (prefers-reduced-motion:reduce){.bottom-nav{transition:none}}.nav-item{color:var(--text-3);font-size:var(--fs-xs);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;font-weight:600;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:before{content:"";background:linear-gradient(90deg, var(--primary), var(--glass-primary-soft));border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.nav-item svg{width:22px;height:22px}.nav-scan{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);width:64px;height:64px;color:var(--p-white);cursor:pointer;border:4px solid #fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:-28px;transition:transform .2s;display:flex;position:relative}.nav-scan:active{transform:scale(.94)}.nav-scan svg{width:30px;height:30px}@container app (width>=640px){.bottom-nav{height:calc(96px + env(safe-area-inset-bottom))}.nav-item svg{width:26px;height:26px}.nav-item{font-size:var(--fs-sm)}.nav-scan{width:64px;height:64px;margin-top:-28px}.nav-scan svg{width:30px;height:30px}}.fullscreen-fab-btn{bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;border:1px solid var(--border-glass);background:var(--surface-glass);width:46px;height:46px;color:var(--text-1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 10px 20px #0f172a38}.fullscreen-fab-btn:active{transform:scale(.94)}.fullscreen-fab-btn--viewmode-h{left:14px}.fullscreen-fab-btn--exit-h{left:68px}.scan-fab{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);width:56px;height:56px;color:var(--p-white);cursor:grab;touch-action:none;border:4px solid #fffc;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.scan-fab:active{cursor:grabbing}.menu-empty-state{text-align:center;background:0 0;flex-direction:column;align-items:center;gap:10px;min-height:100%;padding:48px 20px 0;display:flex}.menu-empty-state-icon{color:var(--text-3)}.menu-empty-state-icon svg{width:56px;height:56px}.menu-empty-state-icon-dim{opacity:.45}.menu-empty-state-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-1);font-weight:700}.menu-empty-state-desc{font-size:var(--fs-base);color:var(--text-2)}.menu-empty-state-btn-wrap{margin-top:10px;display:inline-block;position:relative}.menu-empty-state-btn-wrap:before{content:"";z-index:-1;border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);pointer-events:none;animation:1.3s ease-out infinite emptyStateBtnRipple;position:absolute;inset:0}.menu-empty-state-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:#fff;font-size:var(--fs-md);border-radius:var(--radius-full);cursor:pointer;border:none;padding:12px 28px;font-weight:700}@keyframes emptyStateBtnRipple{0%{opacity:.55;transform:scale(1)}55%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}.menu-empty-state-arrow{margin-left:var(--sp-md);color:var(--primary);pointer-events:none;animation:1.4s ease-in-out infinite emptyStateArrowPoint;position:absolute;top:50%;left:100%}.menu-empty-state-arrow svg{width:28px;height:28px;display:block}@keyframes emptyStateArrowPoint{0%,to{opacity:.6;transform:translateY(-50%)translate(0)}50%{opacity:1;transform:translateY(-50%)translate(-10px)}}.menu-list{flex-direction:column;gap:10px;min-height:100%;display:flex}.menu-list-item{border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffb3;align-items:center;gap:12px;padding:12px 14px;display:flex}.menu-list-item:active{transform:scale(.98)}.menu-list-item-thumb{border-radius:var(--radius-md);flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.menu-list-item-thumb img{border-radius:inherit;width:100%;height:100%;position:relative}.menu-list-item-info{flex:1;min-width:0}.menu-list-item-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.menu-list-item-price{flex-shrink:0}.menu-list-item-promo{background:var(--p-emerald-700);color:var(--p-white);font-size:var(--fs-2xs);border-radius:var(--radius-sm);margin-top:2px;padding:2px 6px;font-weight:800;display:inline-block}.menu-list-item-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.menu-list-item-tags .menu-list-item-promo{margin-top:0}.menu-list-item-option{background:linear-gradient(135deg, var(--success), var(--p-emerald-400));color:var(--p-white);font-family:var(--font-display);font-size:var(--fs-2xs);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px;font-weight:700;display:inline-block}.product-card .product-price,.menu-list-item-price .product-price{margin-bottom:0}.menu-list-item-add{border-radius:var(--radius-sm);background:rgba(var(--glass-primary-soft-rgb), .1);width:36px;height:36px;color:var(--primary);font-size:var(--fs-xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:400;display:flex}.menu-list-item-stepper{flex-shrink:0;align-items:center;gap:8px;display:flex}.menu-list-item-stepper button{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:#fff;width:28px;height:28px;font-size:var(--fs-xl);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:400;display:flex}.menu-list-item-stepper span{font-size:var(--fs-md);color:var(--text-1);text-align:center;min-width:18px;font-weight:700}.menu-sheet-overlay{z-index:30;background:#1e293b73;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.menu-sheet{background:var(--surface-solid);width:100%;max-width:480px;padding:20px 20px calc(24px + env(safe-area-inset-bottom));max-height:85%;box-shadow:0 -20px 48px -12px rgba(var(--glass-primary-rgb), .25);border-radius:28px 28px 0 0;flex-direction:column;gap:16px;animation:.28s fadeInUp;display:flex;overflow-y:auto}.menu-sheet-overlay--floating{background:#1e293b47;justify-content:flex-start;align-items:flex-start}.menu-sheet-floating-zone{justify-content:center;align-items:center;display:flex}.menu-sheet--floating{border-radius:var(--radius-xl);width:auto;max-width:none;max-height:none;padding:16px 16px calc(18px + env(safe-area-inset-bottom));justify-content:center;gap:14px;animation:.22s cubic-bezier(.4,0,.2,1) menuSheetFloatIn;overflow-y:visible;box-shadow:0 12px 32px -8px #0f172a33}@keyframes menuSheetFloatIn{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.menu-sheet--floating{animation:none}}.menu-sheet-header{align-items:center;gap:10px;display:flex}.menu-sheet-thumb{border-radius:var(--radius-md);background:var(--surface-2);width:42px;height:42px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-sheet-thumb svg{width:21px;height:21px}.menu-sheet-titlewrap{flex:1;min-width:0}.menu-sheet-title{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text-1);font-weight:700}.menu-sheet-sub{font-size:var(--fs-sm);color:var(--text-2)}.menu-sheet-close{border:1px solid var(--border-soft);background:var(--p-white);cursor:pointer;width:32px;height:32px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-sheet-close svg{width:15px;height:15px}.menu-sheet-section{flex-direction:column;gap:8px;display:flex}.menu-sheet-section-label{font-size:var(--fs-sm);color:var(--text-2);font-weight:600}.menu-sheet-row{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.menu-sheet-chip{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--p-white);color:var(--text-1);font-size:var(--fs-sm);cursor:pointer;padding:13px 8px;font-weight:600;transition:all .15s}.menu-sheet-chip.active{background:var(--primary);color:#fff;border-color:#0000}.menu-sheet-confirm{background:var(--primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;display:flex}.menu-sheet-confirm span:first-child{font-family:var(--font-display);font-size:var(--fs-base);color:#fff;font-weight:700}.menu-sheet-confirm-price{font-family:var(--font-display);font-size:var(--fs-base);color:#fff;font-weight:800}.menu-scan-overlay{z-index:30;position:absolute;inset:0;overflow:hidden}.menu-scan-camera{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.menu-scan-ui{z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.menu-scan-header{padding:calc(20px + max(env(safe-area-inset-top), var(--native-inset-top,0px))) 20px 20px;background:linear-gradient(#0d0a088c 0%,#0000 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.menu-scan-toggle-group{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.menu-scan-header span:not(.menu-scan-mode-label){font-family:var(--font-display);font-size:var(--fs-lg);color:#fff;font-weight:600}.menu-scan-header button:not(.menu-scan-mode-toggle){color:#fff;width:36px;height:36px;font-size:var(--fs-xl);cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.menu-scan-mode-toggle{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:auto;height:36px;padding:0 12px 0 14px;display:flex}.menu-scan-mode-label{font-size:var(--fs-base);color:var(--accent);white-space:nowrap;font-weight:700}.menu-scan-mode-switch{background:#ffffff40;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .15s;position:relative}.menu-scan-mode-switch.on{background:var(--accent)}.menu-scan-mode-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px}.menu-scan-mode-switch.on .menu-scan-mode-knob{left:20px}.menu-scan-frame-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;display:flex}.menu-scan-msg-slot{justify-content:center;align-items:center;min-height:40px;display:flex}.menu-scan-frame{width:clamp(220px,62vw,260px);height:clamp(220px,62vw,260px);position:relative}.menu-scan-corner{width:clamp(30px,9vw,36px);height:clamp(30px,9vw,36px);position:absolute}.menu-scan-corner-tl{border-top:4px solid var(--accent);border-left:4px solid var(--accent);border-radius:10px 0 0;top:0;left:0}.menu-scan-corner-tr{border-top:4px solid var(--accent);border-right:4px solid var(--accent);border-radius:0 10px 0 0;top:0;right:0}.menu-scan-corner-bl{border-bottom:4px solid var(--accent);border-left:4px solid var(--accent);border-radius:0 0 0 10px;bottom:0;left:0}.menu-scan-corner-br{border-bottom:4px solid var(--accent);border-right:4px solid var(--accent);border-radius:0 0 10px;bottom:0;right:0}.menu-scan-footer{z-index:2;height:34vh;max-height:34vh;padding:20px 20px calc(24px + max(env(safe-area-inset-bottom), var(--native-inset-bottom,0px)));background:linear-gradient(#0000 0%,#0d0a0899 100%);flex-direction:column;flex-shrink:0;gap:14px;display:flex}.menu-scan-hold-btn,.menu-scan-hint{flex-shrink:0}.menu-scan-hold-btn{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:#fff;width:100%;font-family:var(--font-display);font-size:var(--fs-lg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;border:none;padding:20px;font-weight:700;transition:transform .1s,background .1s}.menu-scan-hold-btn.holding{background:var(--accent);transform:scale(.97)}.menu-scan-hint{font-size:var(--fs-base);color:#ffffffd9;text-align:center}.menu-scan-msg{text-align:center;font-size:var(--fs-md);border-radius:var(--radius-sm);padding:12px 14px;font-weight:600}.menu-scan-msg.success{color:#fff;background:#10b981e6}.menu-scan-msg.error{color:#fff;background:#ef4444e6}.menu-quickadd-input{border:1px solid var(--border-soft);border-radius:var(--radius-sm);width:100%;font-size:var(--fs-base);font-family:var(--font-display);color:var(--text-1);background:var(--p-white);padding:12px 14px}.menu-quickadd-input:focus{border-color:var(--primary);outline:none}select.menu-quickadd-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.menu-quickadd-error{color:var(--p-red-600);font-size:var(--fs-sm);font-weight:600}.menu-noshift-overlay{z-index:var(--z-overlay-2);padding:var(--sp-xl,20px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-noshift-modal{background:var(--surface-solid,var(--p-white));border-radius:var(--radius-lg);align-items:center;gap:var(--sp-md,12px);width:100%;max-width:320px;box-shadow:0 10px 40px rgba(var(--glass-primary-rgb), .22);font-family:var(--font-body);text-align:center;flex-direction:column;padding:18px clamp(20px,6vw,26px);display:flex;position:relative}.menu-noshift-close{z-index:2;border:1px solid var(--border-glass,var(--p-warm-200));width:28px;height:28px;color:var(--text-2);cursor:pointer;background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.menu-noshift-close:hover{background:var(--p-white);color:var(--text-1)}.menu-noshift-icon{width:44px;height:44px;color:var(--p-amber-700);background:#f59e0b24;border-radius:50%;justify-content:center;align-items:center;display:flex}.menu-noshift-title{font-size:var(--fs-lg,18px);color:var(--text-1);font-weight:800}.menu-noshift-body{font-size:var(--fs-md);color:var(--text-2);line-height:1.5}.menu-noshift-actions{width:100%;margin-top:var(--sp-sm);justify-content:center;display:flex}.menu-noshift-btn{min-width:60%;padding:0 var(--sp-xl,20px);min-height:var(--tap-min);border-radius:var(--radius-md);font-size:var(--fs-md);cursor:pointer;font-weight:700;font-family:var(--font-body);border:none;transition:transform .12s}.menu-noshift-btn:active{transform:scale(.96)}.menu-noshift-btn-confirm{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:#fff;box-shadow:0 4px 16px rgba(var(--glass-accent-rgb), .35)}@keyframes menuScanFlashPulse{0%{box-shadow:0 0 0 0 rgba(var(--glass-primary-soft-rgb), .9)}to{box-shadow:0 0 0 24px rgba(var(--glass-primary-soft-rgb), 0)}}.menu-scan-frame-flash:after{content:"";border-radius:var(--radius-md);border:3px solid rgba(var(--glass-primary-soft-rgb), .95);pointer-events:none;animation:.5s ease-out menuScanFlashPulse;position:absolute;inset:-4px}.menu-scan-list{border-radius:var(--radius-lg);background:#140f1eb8;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 14px;display:flex;overflow:hidden}.menu-scan-list-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.menu-scan-list-header span{font-family:var(--font-display);font-size:var(--fs-md);color:#fff;font-weight:700}.menu-scan-list-done{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:#fff;border-radius:var(--radius-lg);font-size:var(--fs-base);cursor:pointer;border:none;padding:8px 16px;font-weight:700}.menu-scan-list-items{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.menu-scan-list-item{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:10px 4px;animation:.5s ease-out menuScanFlashPulse;display:flex}.menu-scan-list-item:last-child{border-bottom:none}.menu-scan-list-item-name{font-size:var(--fs-md);color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px;font-weight:600;overflow:hidden}.menu-scan-list-item-qty{font-size:var(--fs-md);color:var(--p-indigo-300);flex-shrink:0;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:.28s backwards fadeInUp}.product-card:first-child{animation-delay:20ms}.product-card:nth-child(2){animation-delay:40ms}.product-card:nth-child(3){animation-delay:60ms}.product-card:nth-child(4){animation-delay:80ms}.product-card:nth-child(5){animation-delay:.1s}.product-card:nth-child(6){animation-delay:.12s}@keyframes menuSlideFromRight{0%{opacity:.4;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes menuSlideFromLeft{0%{opacity:.4;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}.menu-grid-anim-left{animation:.22s ease-out menuSlideFromRight}.menu-grid-anim-right{animation:.22s ease-out menuSlideFromLeft}@media (prefers-reduced-motion:reduce){.menu-screen :not(.menu-empty-state-arrow):not(.menu-empty-state-btn-wrap):not(.onboard-current-btn),.menu-screen :not(.menu-empty-state-arrow):not(.menu-empty-state-btn-wrap):not(.onboard-current-btn):before,.menu-screen :not(.menu-empty-state-arrow):not(.menu-empty-state-btn-wrap):not(.onboard-current-btn):after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.menu-screen--lite{--surface-glass:var(--surface-1);--border-glass:var(--border-1)}.menu-screen--lite .menu-noshift-banner{background:#fffbebf7}.menu-screen--lite .icon-btn,.menu-screen--lite .dine-mode-btn{background:var(--surface-1)}.menu-screen--lite .search-bar input{background:var(--surface-2)}.menu-screen--lite .cat-chip:not(.active){background:var(--surface-1)}.menu-screen--lite .promo-illustration{background:#ffffff40}.menu-screen--lite .product-card{background:var(--surface-1)}.menu-screen--lite .product-tag{background:var(--success)}.menu-screen--lite .cart-bar{background:#0f172af2}.menu-screen--lite .bottom-nav,.menu-screen--lite .menu-list-item{background:var(--surface-1)}.menu-screen--lite .menu-sheet-overlay{background:#1e293b99}.menu-screen--lite .menu-sheet-overlay--floating{background:#1e293b73}.menu-screen--lite .menu-scan-list{background:#140f1ee0}.menu-screen--lite .app-content,.menu-screen--lite .categories{will-change:transform}.menu-screen--lite .app-content{transform:translateZ(0)}@container app (width>=640px){.menu-sheet{max-width:min(560px,100% - 32px)}.product-image{aspect-ratio:1;height:auto}}:root[data-surface=flat] .product-image,:root[data-surface=flat] .menu-sheet-thumb{background:var(--surface-2)!important}:root[data-surface=flat] .menu-screen .app-content,:root[data-surface=flat] .menu-screen .app-header{background:0 0}:root[data-surface=flat] .menu-screen:before{background:var(--page-top)}:root[data-surface=flat] .menu-screen .bottom-nav{background:var(--surface-1)}:root[data-surface=flat] .menu-screen .app-header{border-bottom-color:#0000}:root[data-surface=flat] .menu-screen .bottom-nav{border-top-color:rgba(var(--glass-primary-rgb), .1)}:root[data-surface=flat] .menu-screen .cat-chip:not(.active){background:var(--surface-1);border-color:#0000}:root[data-surface=flat] .menu-screen .product-card{box-shadow:0 1px 3px rgba(var(--glass-primary-rgb), .1);border-color:#0000}:root[data-surface=flat] .menu-screen .product-image{background:var(--surface-2)!important}:root[data-surface=flat] .menu-screen .menu-list-item{background:var(--surface-1);box-shadow:0 1px 3px rgba(var(--glass-primary-rgb), .1);border-color:#0000}:root[data-surface=flat] .menu-screen .product-discount,:root[data-surface=flat] .menu-screen .menu-list-item-promo{background:var(--pop);color:var(--pop-ink)}:root[data-surface=flat] .menu-screen .product-badges .product-discount{--fold-color:color-mix(in srgb, var(--pop) 60%, black)}:root[data-surface=flat] .menu-screen .search-bar input{background:var(--surface-1);border:2px solid var(--glass-primary)}@container app (width>=640px){.menu-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px 12px;display:grid}.menu-list-item{align-self:start;padding-top:6px;padding-bottom:6px}}@container app (width>=1200px){.menu-list{grid-template-columns:repeat(4,minmax(0,1fr))}}:root[data-surface=flat] .menu-screen .header-actions .icon-btn{border-radius:var(--radius-full);box-shadow:0 2px 6px rgba(var(--glass-primary-rgb), .12);border-color:#0000}:root[data-surface=flat] .menu-screen .header-actions .icon-btn[aria-label=การแจ้งเตือน]{background:var(--tile-gold-bg);color:var(--tile-gold-ink)}:root[data-surface=flat] .menu-screen .header-actions .icon-btn[aria-label=การแจ้งเตือน] svg path{fill:var(--tile-gold-fill)}:root[data-surface=flat] .menu-screen .header-actions .icon-btn[aria-label="บัญชี / ตั้งค่าร้าน"]{background:var(--tile-blue-bg);color:var(--tile-blue-ink)}:root[data-surface=flat] .menu-screen .header-actions .icon-btn[aria-label="บัญชี / ตั้งค่าร้าน"] svg path{fill:var(--tile-blue-fill)}:root[data-surface=flat] .menu-screen .header-actions .icon-btn[aria-label="บัญชี / ตั้งค่าร้าน"] svg circle{fill:var(--tile-blue-bg)}:root[data-surface=flat] .menu-screen .header-actions .notif-bell-badge{border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--surface-1)}.notif-panel-overlay{z-index:60;-webkit-backdrop-filter:var(--overlay-backdrop,none);backdrop-filter:var(--overlay-backdrop,none);padding:calc(72px + env(safe-area-inset-top)) 16px 16px;background:#1e293b47;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.notif-panel{background:var(--surface-solid,var(--p-white));border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:min(360px,100%);max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s cubic-bezier(.4,0,.2,1) notifPanelIn;display:flex;overflow:hidden}@keyframes notifPanelIn{0%{opacity:0;transform:scale(.95)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.notif-panel{animation:none}}.notif-panel-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.notif-panel-header h2{font-size:var(--fs-md);color:var(--text-1);margin:0;font-weight:700}.notif-panel-readall{color:var(--primary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:4px;font-weight:600}.notif-panel-list{flex-direction:column;gap:6px;padding:6px;display:flex;overflow-y:auto}.notif-panel-empty{color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.notif-panel-empty svg{width:32px;height:32px}.notif-panel-empty span{font-size:var(--fs-sm)}.notif-item{border-radius:var(--radius-md);background:var(--surface-solid,var(--p-white));border:1px solid var(--border-soft);align-items:center;gap:4px;width:100%;display:flex;position:relative}.notif-item--unread{background:rgba(var(--glass-primary-soft-rgb), .06)}.notif-item-main{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:flex-start;gap:12px;min-width:0;padding:12px;display:flex}.notif-item-main:active{background:var(--accent-soft)}.notif-item-delete{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;display:flex}.notif-item-delete:active{color:var(--danger);background:#d940401f}.notif-item-delete svg{width:15px;height:15px}.notif-item-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-item-icon svg{width:18px;height:18px}.notif-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-item-title{font-size:var(--fs-base);color:var(--text-1);font-weight:600}.notif-item-desc{font-size:var(--fs-sm);color:var(--text-2)}.notif-item-time{font-size:var(--fs-xs);color:var(--text-3);margin-top:2px}.notif-item-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-bell-badge{border-radius:var(--radius-sm);background:var(--danger);min-width:16px;height:16px;color:var(--p-white);font-size:var(--fs-2xs);text-align:center;padding:0 3px;font-weight:700;line-height:16px;position:absolute;top:-3px;right:-3px}.ui-btn{--btn-h:var(--tap-min);justify-content:center;align-items:center;gap:var(--sp-xs);min-height:var(--btn-h);padding:0 var(--sp-xl);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--fs-base);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:1px solid #0000;font-weight:600;line-height:1.2;display:inline-flex}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--loading:disabled{opacity:.8;cursor:progress}.ui-btn svg{flex-shrink:0;width:18px;height:18px}.ui-btn__label{text-overflow:ellipsis;overflow:hidden}.ui-btn--sm{--btn-h:32px;padding:0 var(--sp-md);font-size:var(--fs-sm);border-radius:var(--radius-sm)}.ui-btn--sm svg{width:16px;height:16px}.ui-btn--lg{--btn-h:52px;padding:0 var(--sp-2xl);font-size:var(--fs-md)}.ui-btn--block{width:100%;display:flex}.ui-btn--primary{background:var(--glass-primary);color:var(--c-on-accent)}.ui-btn--primary:hover:not(:disabled){background:var(--glass-primary-soft,var(--glass-primary))}.ui-btn--secondary{background:var(--c-surface);color:var(--c-ink);border-color:var(--border-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--c-surface-2)}.ui-btn--ghost{color:var(--c-ink-2);background:0 0}.ui-btn--ghost:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-ink)}.ui-btn--danger{background:var(--c-danger);color:var(--c-on-accent)}.ui-btn--danger:hover:not(:disabled){opacity:.92}.ui-iconbtn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-md);color:var(--c-ink-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.ui-iconbtn--sm{border-radius:var(--radius-sm);width:36px;height:36px}.ui-iconbtn--ghost:hover{background:var(--c-surface-2);color:var(--c-ink)}.ui-iconbtn--secondary{background:var(--c-surface);border-color:var(--border-1)}.ui-iconbtn svg{width:20px;height:20px}.ui-iconbtn--sm svg{width:18px;height:18px}.ui-spinner{animation:.8s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-card{background:var(--surface-1);border:var(--border-w,1px) solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.ui-card--padded{padding:var(--sp-xl)}.ui-card--interactive{cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.ui-card--interactive:hover{border-color:var(--border-strong)}.ui-card--interactive:active{transform:scale(.99)}.ui-stat{align-items:flex-start;gap:var(--sp-2xs);min-width:0;padding:var(--sp-md) var(--sp-lg);background:var(--surface-1);border:var(--border-w,1px) solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);font:inherit;text-align:left;color:var(--c-ink);flex-direction:column;display:flex}.ui-stat--clickable{cursor:pointer}.ui-stat--clickable:hover{border-color:var(--border-strong)}.ui-stat__value{font-family:var(--font-display);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.ui-stat__label{font-size:var(--fs-sm);color:var(--c-ink-2);align-items:center;gap:6px;display:inline-flex}.ui-stat__hint{font-size:var(--fs-xs);color:var(--c-ink-3)}.ui-stat__dot{border-radius:var(--radius-full);background:currentColor;width:8px;height:8px}.ui-stat--brand .ui-stat__value,.ui-stat--brand .ui-stat__dot{color:var(--glass-primary)}.ui-stat--success .ui-stat__value,.ui-stat--success .ui-stat__dot{color:var(--c-success)}.ui-stat--warning .ui-stat__value,.ui-stat--warning .ui-stat__dot{color:var(--c-warning)}.ui-stat--danger .ui-stat__value,.ui-stat--danger .ui-stat__dot{color:var(--c-danger)}.ui-stat--info .ui-stat__value,.ui-stat--info .ui-stat__dot{color:var(--c-info)}.ui-skeleton{background:linear-gradient(90deg, var(--c-surface-2) 0%, var(--c-line) 50%, var(--c-surface-2) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite ui-shimmer;display:block}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ui-skeleton-list{gap:var(--sp-md);flex-direction:column;display:flex}.ui-skeleton-row{align-items:center;gap:var(--sp-md);display:flex}.ui-skeleton-row__text{gap:var(--sp-xs);flex-direction:column;flex:1;display:flex}.ui-state{text-align:center;align-items:center;gap:var(--sp-xs);padding:var(--sp-2xl) var(--sp-xl);color:var(--c-ink-2);flex-direction:column;display:flex}.ui-state--compact{padding:var(--sp-lg)}.ui-state__icon{width:56px;height:56px;margin-bottom:var(--sp-xs);border-radius:var(--radius-full);background:var(--c-surface-2);color:var(--c-ink-3);place-items:center;display:grid}.ui-state__icon svg{width:28px;height:28px}.ui-state--compact .ui-state__icon{width:44px;height:44px}.ui-state--compact .ui-state__icon svg{width:22px;height:22px}.ui-state--error .ui-state__icon{background:var(--c-danger-surface);color:var(--c-danger)}.ui-state--illo .ui-state__icon{background:0 0;width:auto;height:auto}.ui-state__title{font-family:var(--font-display);font-size:var(--fs-md);color:var(--c-ink);margin:0;font-weight:600}.ui-state__desc{max-width:32ch;font-size:var(--fs-sm);margin:0;line-height:1.5}.ui-state__action{margin-top:var(--sp-sm)}.ui-sheet-root{z-index:var(--z-overlay);justify-content:center;display:flex;position:fixed;inset:0}.ui-sheet-root--bottom{align-items:flex-end}.ui-sheet-root--center{padding:var(--sp-xl);align-items:center}.ui-sheet-backdrop{animation:ui-fade-in var(--dur-base) var(--ease-out);background:#0f172a73;position:absolute;inset:0}.ui-sheet{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--sp-2xl));background:var(--glass-bg-base,var(--c-surface));box-shadow:var(--shadow-3);color:var(--c-ink);outline:none;flex-direction:column;display:flex;position:relative}.ui-sheet--bottom{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:560px;padding-bottom:env(safe-area-inset-bottom,0px);animation:ui-slide-up var(--dur-base) var(--ease-out)}.ui-sheet--center{border-radius:var(--radius-xl);animation:ui-pop-in var(--dur-base) var(--ease-out)}.ui-sheet--center.ui-sheet--sm{max-width:360px}.ui-sheet--center.ui-sheet--md{max-width:440px}.ui-sheet--center.ui-sheet--lg{max-width:640px}.ui-sheet__grabber{width:36px;height:4px;margin:var(--sp-xs) auto 0;border-radius:var(--radius-full);background:var(--c-line)}.ui-sheet__header{align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-lg) var(--sp-sm) var(--sp-xs) var(--sp-xl);display:flex}.ui-sheet__heading{min-width:0;padding-top:var(--sp-2xs);flex:1}.ui-sheet__title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0;font-weight:700;line-height:1.3}.ui-sheet__desc{margin:var(--sp-2xs) 0 0;font-size:var(--fs-sm);color:var(--c-ink-2);line-height:1.5}.ui-sheet__body{overscroll-behavior:contain;min-height:0;padding:var(--sp-sm) var(--sp-xl) var(--sp-xl);flex:1;overflow-y:auto}.ui-sheet__footer{gap:var(--sp-sm);padding:var(--sp-md) var(--sp-xl) var(--sp-lg);border-top:1px solid var(--border-1);display:flex}.ui-sheet__footer>.ui-btn{flex:1}@media (width>=768px){.ui-sheet-root--bottom{padding:var(--sp-xl);align-items:center}.ui-sheet--bottom{border-radius:var(--radius-xl);animation-name:ui-pop-in}.ui-sheet--bottom .ui-sheet__grabber{display:none}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ui-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ui-toast-stack{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);z-index:var(--z-toast);align-items:center;gap:var(--sp-xs);width:min(440px, calc(100vw - 2 * var(--sp-lg)));pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.ui-toast{align-items:center;gap:var(--sp-sm);width:100%;padding:var(--sp-sm) var(--sp-2xs) var(--sp-sm) var(--sp-md);border-radius:var(--radius-lg);background:var(--c-ink);color:var(--c-surface);box-shadow:var(--shadow-3);font-size:var(--fs-sm);pointer-events:auto;animation:ui-toast-in var(--dur-base) var(--ease-out);line-height:1.4;display:flex}.ui-toast__icon{flex-shrink:0;width:20px;height:20px}.ui-toast--success .ui-toast__icon{color:var(--c-success-on-dark)}.ui-toast--error .ui-toast__icon{color:var(--c-danger-on-dark)}.ui-toast--info .ui-toast__icon{color:var(--c-info-on-dark)}.ui-toast__text{flex:1;min-width:0}.ui-toast__close{border-radius:var(--radius-sm);width:32px;height:32px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.ui-toast__close:hover{opacity:1}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ui-btn,.ui-card--interactive{transition:none}.ui-spinner{animation-duration:1.6s}.ui-skeleton,.ui-sheet-backdrop,.ui-sheet--bottom,.ui-sheet--center,.ui-toast{animation:none}}.offlinequeue-overlay{z-index:60;-webkit-backdrop-filter:var(--overlay-backdrop,none);backdrop-filter:var(--overlay-backdrop,none);padding:calc(72px + env(safe-area-inset-top)) 16px 16px;background:#1e293b47;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.offlinequeue-panel{background:var(--surface-solid,var(--p-white));border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:min(360px,100%);max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.offlinequeue-header{border-bottom:1px solid var(--border-soft);padding:16px 18px 12px}.offlinequeue-header h2{font-size:var(--fs-md);color:var(--text-1);margin:0;font-weight:700}.offlinequeue-list{flex-direction:column;gap:6px;padding:6px;display:flex;overflow-y:auto}.offlinequeue-empty{text-align:center;font-size:var(--fs-sm);color:var(--text-3);padding:40px 20px}.offlinequeue-item{border-radius:var(--radius-md);background:var(--surface-solid,var(--p-white));border:1px solid var(--border-soft);align-items:center;gap:10px;padding:12px;display:flex}.offlinequeue-item--failed{background:#ef44440f;border-color:#ef444440}.offlinequeue-item-main{flex:1;min-width:0}.offlinequeue-item-total{font-size:var(--fs-base);color:var(--text-1);font-weight:700}.offlinequeue-item-status{font-size:var(--fs-xs);color:var(--text-3);margin-top:2px}.offlinequeue-item--failed .offlinequeue-item-status{color:var(--danger)}.offlinequeue-item-retry{border:1px solid var(--danger);color:var(--danger);font-size:var(--fs-sm);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;padding:6px 10px;font-weight:600}.offlinequeue-persist-error{border-radius:var(--radius-sm);border:1px solid var(--danger);color:var(--danger);font-size:var(--fs-sm);background:#ef44441a;margin:0 0 10px;padding:10px 12px;font-weight:700;line-height:1.4}.onboard-pop-overlay{z-index:var(--z-overlay);background:#1e140a6b;justify-content:center;align-items:center;padding:20px;animation:.2s onboard-pop-fade;display:flex;position:fixed;inset:0}.onboard-pop{border-radius:calc(var(--radius-xl) * 1.75);background:var(--surface-1);width:100%;max-width:340px;max-height:calc(100dvh - 40px);animation:.26s cubic-bezier(.34,1.4,.64,1) onboard-pop-in;position:relative;overflow-y:auto;box-shadow:0 24px 48px -14px #78320066}@keyframes onboard-pop-fade{0%{opacity:0}to{opacity:1}}@keyframes onboard-pop-in{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.onboard-pop-overlay,.onboard-pop{animation:none}}.onboard-pop-hero{height:150px;position:relative}.onboard-pop-hero:before{content:"";background:linear-gradient(135deg, var(--glass-accent) 0%, var(--glass-primary) 100%);height:92px;position:absolute;inset:0 0 auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 92' preserveAspectRatio='none'%3E%3Cpath d='M0 0H340V58C300 82 262 86 226 70C190 54 150 40 108 52C70 63 36 78 0 70Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 92' preserveAspectRatio='none'%3E%3Cpath d='M0 0H340V58C300 82 262 86 226 70C190 54 150 40 108 52C70 63 36 78 0 70Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.onboard-pop-hero-img{filter:drop-shadow(0 6px 8px #7832002e);-webkit-user-select:none;user-select:none;width:132px;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.onboard-pop-sun{width:34px;height:34px;fill:var(--c-warning);stroke:var(--c-warning);position:absolute;top:58px;right:62px}.onboard-pop-cloud{width:44px;height:22px;fill:var(--c-info-surface);position:absolute}.onboard-pop-cloud--l{bottom:18px;left:34px}.onboard-pop-cloud--r{width:36px;bottom:30px;right:34px}.onboard-pop-hero-spark{color:var(--glass-accent);position:absolute;top:74px;left:70px;transform:scaleX(-1)rotate(-10deg)}.onboard-pop-close{background:var(--p-white);width:34px;height:34px;color:var(--glass-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 3px 8px #78320033}.onboard-pop-body{text-align:center;flex-direction:column;align-items:center;padding:8px 20px 20px;display:flex}.onboard-pop-title{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--glass-text-1);font-weight:800;line-height:1.2}.onboard-pop-sub{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--glass-primary);align-items:center;gap:6px;margin-top:2px;font-weight:800;display:inline-flex}.onboard-pop-sub-spark{width:16px;height:16px;color:var(--glass-accent)}.onboard-pop-sub-spark--l{transform:scaleX(-1)}.onboard-pop-desc{max-width:250px;font-size:var(--fs-sm);color:var(--glass-text-2);margin-top:8px;line-height:1.6}.onboard-pop-brush{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--glass-accent), var(--glass-primary));width:56px;height:5px;margin-top:8px;transform:rotate(-3deg)}.onboard-pop-progress{align-items:center;gap:6px;margin-top:14px;display:flex}.onboard-pop-dot{width:22px;height:22px;font-size:var(--fs-2xs);color:var(--glass-text-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.onboard-pop-dot svg{width:12px;height:12px}.onboard-pop-dot.is-done{color:var(--p-white);background:var(--c-success);border-color:#0000}.onboard-pop-dot.is-current{color:var(--glass-primary);border-color:var(--glass-accent);background:var(--glass-accent-soft)}.onboard-pop-progress-text{font-size:var(--fs-xs);color:var(--glass-text-2);margin-left:4px}.onboard-pop-step{text-align:left;border:1px solid var(--border-1);border-radius:calc(var(--radius-sm) * 3);background:var(--glass-accent-soft);cursor:pointer;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 12px 12px 14px;display:flex}.onboard-pop-step-icon{border-radius:calc(var(--radius-xs) * 3.5);width:44px;height:44px;color:var(--glass-primary);background:var(--p-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboard-pop-step-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.onboard-pop-step-title{font-family:var(--font-display);font-size:var(--fs-base);color:var(--glass-primary);font-weight:800}.onboard-pop-step-desc{font-size:var(--fs-xs);color:var(--glass-text-2);line-height:1.5}.onboard-pop-step-chev{color:var(--glass-accent);flex-shrink:0}.onboard-pop-cta-row{align-items:center;gap:6px;width:100%;margin-top:16px;display:flex}.onboard-pop-cta-spark{color:var(--glass-accent);flex-shrink:0}.onboard-pop-cta-spark--l{transform:scaleX(-1)}.onboard-pop-cta{border-radius:var(--radius-full);background:linear-gradient(180deg, var(--glass-accent) 0%, var(--glass-primary) 100%);min-width:0;min-height:50px;color:var(--p-white);font-family:var(--font-display);font-size:var(--fs-md);cursor:pointer;box-shadow:0 8px 18px -6px rgba(var(--glass-primary-rgb), .6);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.onboard-pop-skip{border:1.5px solid var(--glass-accent);border-radius:var(--radius-full);min-width:150px;color:var(--glass-primary);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;background:0 0;margin-top:10px;padding:9px 22px;font-weight:700}.homu-mascot{z-index:calc(var(--z-sticky) - 2);pointer-events:none;transform-origin:50% 85%;width:84px;animation:.32s cubic-bezier(.34,1.56,.64,1) both homu-ninja-in;position:absolute;right:6px}.homu-mascot--away{animation:.28s ease-in both homu-ninja-out}.homu-mascot:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fffffff2 0 30%,#ffffff8c 46%,#fff0 68%);border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;animation:.42s ease-out both homu-puff-in;position:absolute;top:58%;left:50%}.homu-mascot--away:after{animation:.42s ease-out both homu-puff-out}@keyframes homu-ninja-out{0%{opacity:1;filter:blur();transform:scale(1)}30%{opacity:1;filter:blur();transform:scale(1.08,.86)}to{opacity:0;filter:blur(3px);transform:scale(.15,1.35)}}@keyframes homu-ninja-in{0%{opacity:0;filter:blur(3px);transform:scale(.15,1.35)}60%{opacity:1;filter:blur();transform:scale(1.1,.94)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes homu-puff-out{0%{opacity:0;transform:scale(.3)}35%{opacity:.9}to{opacity:0;transform:scale(1.5)}}@keyframes homu-puff-in{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.homu-mascot-img{transform-origin:50% 100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 6px #8c46142e);width:100%;height:auto;animation:.45s cubic-bezier(.34,1.56,.64,1) both homu-in;display:block}.homu-mascot .homu-mascot-img{animation:4s ease-in-out infinite homu-rock}.homu-fig--cheer .homu-mascot-img{animation:1.25s cubic-bezier(.3,.7,.4,1) homu-jump}@keyframes homu-rock{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes homu-in{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes homu-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes homu-jump{0%{transform:translateY(0)scale(1)}12%{transform:translateY(0)scale(1.08,.9)}40%{transform:translateY(-26px)scale(.95,1.06)}62%{transform:translateY(0)scale(1.06,.93)}74%{transform:translateY(0)scale(.98,1.02)}86%,to{transform:translateY(0)scale(1)}}.homu-fig--instant .homu-mascot-img{animation:3s ease-in-out infinite homu-float}@media (prefers-reduced-motion:reduce){.homu-mascot,.homu-mascot:after{animation:none!important}.homu-mascot--away{visibility:hidden}.homu-mascot .homu-mascot-img,.homu-fig .homu-mascot-img{animation:none!important}}.homu-fig{pointer-events:none}.homu-fig .homu-mascot-img{width:100%}.cartscreen{--bg-base:var(--p-indigo-25);--surface-glass:var(--surface-1);--primary:var(--glass-primary);--accent:var(--glass-accent);--accent-glow:var(--glass-accent-glow);--accent-soft:var(--glass-accent-soft);--text-1:var(--glass-text-1);--text-2:var(--glass-text-2);--text-3:var(--glass-text-3);--border-glass:var(--border-1);--success:var(--p-emerald-500);--danger:var(--glass-danger);--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--muted:var(--text-2);--card:var(--p-white);--line:var(--p-indigo-50);--shop-ink:var(--text-1);max-width:1440px;height:100%;color:var(--text-1);font-family:var(--font-body);background:var(--app-bg);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.cartscreen:before{content:"";height:env(safe-area-inset-top);background:var(--surface-strip);z-index:15;pointer-events:none;position:absolute;top:0;left:0;right:0}.cartscreen-header{background:var(--surface-1);padding:calc(6px + env(safe-area-inset-top)) 20px 14px;z-index:10;border-bottom:1px solid var(--border-glass);flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.cartscreen-back{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-glass);width:42px;height:42px;color:var(--text-1);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cartscreen-back:active{background:var(--accent-soft);border-color:var(--accent);color:var(--primary)}.cartscreen-header-info{flex:1;min-width:0}.cartscreen-header-title{font-family:var(--font-display);font-size:calc(clamp(16px, 4.8vw, 18px) * var(--font-scale));color:var(--text-1);letter-spacing:-.01em;align-items:center;gap:8px;min-width:0;font-weight:700;line-height:1.2;display:flex}.cartscreen-icon-btn-label{display:none}.cartscreen-icon-btn{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-strong);width:42px;height:42px;color:var(--text-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cartscreen-icon-btn:active{background:var(--accent-soft);border-color:var(--accent);color:var(--primary)}.cartscreen-icon-btn-danger{color:var(--danger);border-color:#ef444459}.cartscreen-icon-btn-danger:active{border-color:var(--danger);color:var(--danger);background:#ef44441a}.cartscreen-empty{justify-content:center;align-items:center;gap:var(--sp-xl,16px);z-index:1;flex-direction:column;flex:1;padding:clamp(32px,9vw,40px);display:flex;position:relative}.cartscreen-empty-icon{color:var(--text-3);display:flex}.cartscreen-empty-title{font-family:var(--font-display);font-size:calc(clamp(18px, 5.5vw, 21px) * var(--font-scale));color:var(--text-1);font-weight:700}.cartscreen-empty-sub{font-size:var(--fs-md);color:var(--text-2);text-align:center;line-height:1.6}.cartscreen-content{padding:12px 20px calc(150px + env(safe-area-inset-bottom));scrollbar-width:none;z-index:1;will-change:transform;flex:1;position:relative;overflow-y:auto;transform:translateZ(0)}.cartscreen-content::-webkit-scrollbar{display:none}.cartscreen-items{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);flex-direction:column;margin-bottom:4px;padding:0 clamp(10px,3vw,14px);display:flex}.cartscreen-item{align-items:center;gap:clamp(8px,2.5vw,12px);padding:clamp(9px,2.6vw,11px) 0;animation:.4s backwards cartscreen-fade-in-up;display:flex}.cartscreen-item+.cartscreen-item{border-top:1px solid var(--border-1)}.cartscreen-item--list{gap:10px;padding:10px 0}.cartscreen-item-thumb.cartscreen-item-thumb--sm{width:44px;height:44px}.cartscreen-item-list-name{min-width:0;font-family:var(--font-display);font-size:var(--fs-base);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.cartscreen-item-list-price{white-space:nowrap;flex-shrink:0;align-items:baseline;gap:5px;display:flex}.cartscreen-item-list-price-old{font-size:var(--fs-xs);color:var(--text-3);text-decoration:line-through}.cartscreen-item-list-price-final{font-family:var(--font-display);font-size:var(--fs-md);color:var(--primary);font-weight:700}.cartscreen-item-thumb{border-radius:var(--radius-md);width:clamp(46px,14vw,58px);height:clamp(46px,14vw,58px);font-size:calc(clamp(22px, 7vw, 28px) * var(--font-scale));flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cartscreen-item-thumb:before{content:"";background:radial-gradient(circle at 30% 30%,#ffffff8c 0%,#0000 60%);position:absolute;inset:0}.cartscreen-item-thumb span{z-index:1;position:relative}.cartscreen-item-info{flex:1;min-width:0}.cartscreen-item-name{font-family:var(--font-display);font-size:var(--fs-base);color:var(--text-1);letter-spacing:-.005em;font-weight:600;line-height:1.25}.cartscreen-badge{font-size:calc(clamp(9px, 2.6vw, 11px) * var(--font-scale));border-radius:var(--radius-sm);padding:clamp(1px,.5vw,2px) clamp(5px,1.8vw,7px);font-weight:700;display:inline-block}.cartscreen-badge-promo{background:var(--accent-soft);color:var(--primary)}.cartscreen-badge-free{color:var(--p-teal-700);background:#10b9811f}.cartscreen-badge-hint{color:var(--p-amber-700);background:#f59e0b24}.cartscreen-item-unitprice-old{color:var(--text-3);margin-right:4px;text-decoration:line-through}.cartscreen-item-meta{font-size:var(--fs-xs);color:var(--text-3);font-weight:500;line-height:1.35}.cartscreen-item-total{min-width:44px;font-family:var(--font-display);font-size:var(--fs-md);color:var(--c-ink);flex-direction:column;flex-shrink:0;align-items:flex-end;font-weight:700;display:flex}.cartscreen-item-total-old{font-size:var(--fs-2xs);color:var(--text-3);font-weight:500;text-decoration:line-through}.cartscreen-item-controls{background:rgba(var(--glass-primary-soft-rgb), .08);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:6px;padding:4px;display:flex}.cartscreen-qty-btn{border-radius:var(--radius-sm);background:var(--p-white);width:clamp(26px,8vw,28px);height:clamp(26px,8vw,28px);color:var(--primary);cursor:pointer;box-shadow:0 2px 5px rgba(var(--glass-primary-soft-rgb), .12);border:none;justify-content:center;align-items:center;transition:all .18s;display:flex}.cartscreen-qty-btn:active{transform:scale(.92)}.cartscreen-qty-btn-add{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:var(--p-white)}.cartscreen-qty-value{text-align:center;min-width:22px;font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);color:var(--text-1)}.cartscreen-add-more{color:var(--primary);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 4px;font-weight:700;display:inline-flex}.cartscreen-receipt{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:10px clamp(12px,3.5vw,16px)}.cartscreen-receipt-row{font-size:var(--fs-sm);color:var(--text-2);justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;display:flex}.cartscreen-receipt-discount span:last-child{color:var(--pop);font-weight:700}.cartscreen-receipt-total{border-top:1px dashed var(--border-1);color:var(--c-ink);margin-top:4px;padding-top:8px;font-weight:700}.cartscreen-receipt-total>:last-child{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--primary)}.cartscreen-footer{background:var(--surface-1);border-top:1px solid var(--border-glass);padding:10px 20px calc(14px + env(safe-area-inset-bottom));z-index:20;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.cartscreen-checkout{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);width:100%;height:54px;color:var(--p-white);border-radius:var(--radius-md);font-weight:700;font-size:var(--fs-md);cursor:pointer;letter-spacing:.01em;border:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 18px;transition:all .2s;display:flex}.cartscreen-checkout-label{align-items:center;gap:6px;display:inline-flex}.cartscreen-checkout-amt{border-radius:var(--radius-sm);background:#ffffff38;padding:3px 10px;font-weight:700}.cartscreen-confirm-overlay{z-index:300;background:#1e293b80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cartscreen-confirm-card{background:var(--p-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md,0 24px 48px -12px rgba(var(--glass-primary-rgb), .2));flex-direction:column;align-items:center;gap:8px;width:100%;max-width:320px;padding:18px clamp(20px,6vw,26px);display:flex}.cartscreen-confirm-icon{width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px);color:var(--danger);background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.cartscreen-confirm-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-1);text-align:center;font-weight:700}.cartscreen-confirm-sub{font-size:var(--fs-base);color:var(--text-2);text-align:center;margin-bottom:8px}.cartscreen-confirm-actions{gap:10px;width:100%;display:flex}.cartscreen-confirm-cancel{background:var(--p-slate-100);color:var(--text-2);border:1px solid var(--border-glass);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-md);cursor:pointer;font-family:var(--font-body);flex:1;padding:12px 14px}.cartscreen-confirm-delete{background:var(--danger);color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-md);cursor:pointer;font-family:var(--font-body);border:none;flex:1;padding:12px 14px}@keyframes cartscreen-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cartscreen-item{animation:none}.cartscreen *,.cartscreen :before,.cartscreen :after{transition-duration:.01ms!important}}@container app (width>=640px){.cartscreen-back,.cartscreen-icon-btn{width:48px;height:48px}.cartscreen-header-title{font-size:var(--fs-xl)}.cartscreen-items{box-shadow:none;background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding:0;display:grid}.cartscreen-item{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);align-self:start;padding:10px 12px}.cartscreen-item+.cartscreen-item{border-top:none}}@container app (width>=1200px){.cartscreen-items{grid-template-columns:repeat(3,minmax(0,1fr))}}.receipt{--rcpt-fg:var(--p-black);background:var(--p-white);color:var(--rcpt-fg);font-family:var(--font-body);box-sizing:border-box;margin:0 auto;padding:6px 4px 10px;font-size:12px;line-height:1.45}.receipt--80{width:72mm}.receipt--58{width:48mm;font-size:11px}.receipt-logo{object-fit:contain;filter:grayscale()contrast(1.4);max-width:60%;max-height:64px;margin:0 auto 6px;display:block}.receipt-shop-name{text-align:center;letter-spacing:.01em;font-size:15px;font-weight:700}.receipt--58 .receipt-shop-name{font-size:13px}.receipt-shop-meta{text-align:center;font-size:11px;line-height:1.35}.receipt--58 .receipt-shop-meta{font-size:10px}.receipt-rule{border-top:1px dashed var(--rcpt-fg);margin:6px 0}.receipt-info-row{justify-content:space-between;gap:8px;font-size:11px;display:flex}.receipt-info-row>span:only-child{flex:1}.receipt-void{text-align:center;margin-top:4px;font-weight:700}.receipt-items{border-collapse:collapse;width:100%}.receipt-item>td{vertical-align:top;padding:2px 0}.receipt-item-qty{text-align:left;font-variant-numeric:tabular-nums;width:1.8em}.receipt-item-name{word-break:break-word;padding-right:4px}.receipt-item-opt{font-size:10px}.receipt-item-price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.receipt-total-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;padding:1px 0;font-size:12px;display:flex}.receipt-total-row--grand{padding:3px 0;font-size:14px;font-weight:700}.receipt--58 .receipt-total-row--grand{font-size:13px}.receipt-qr{text-align:center;margin:8px 0 4px}.receipt-qr img{width:30mm;height:30mm;image-rendering:pixelated}.receipt--58 .receipt-qr img{width:24mm;height:24mm}.receipt-qr-caption{margin-top:2px;font-size:10px}.receipt-footer-msg{text-align:center;white-space:pre-wrap;margin-bottom:4px;font-size:11px}.receipt-footer-thanks{text-align:center;margin-top:2px;font-size:11px}.rcpt-saved-overlay{z-index:400;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rcpt-saved-card{background:var(--p-white);border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:18px clamp(20px,6vw,26px);animation:.2s ease-out rcpt-saved-up;display:flex;box-shadow:0 10px 40px #0f172a40}.rcpt-saved-icon{background:var(--p-emerald-500);border-radius:50%;justify-content:center;align-items:center;width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px);animation:.4s cubic-bezier(.34,1.56,.64,1) rcpt-saved-pop;display:flex;box-shadow:0 6px 20px #10b98159}.rcpt-saved-icon svg{width:clamp(20px,5.5vw,22px);height:clamp(20px,5.5vw,22px);color:var(--p-white)}.rcpt-saved-text{font-size:var(--fs-md);color:var(--p-gray-800);text-align:center;font-weight:700}@keyframes rcpt-saved-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rcpt-saved-pop{0%{transform:scale(.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rcpt-saved-card,.rcpt-saved-icon{animation:none}}.receiptsheet-portal{--primary:var(--glass-primary,var(--p-orange-700));--line:var(--glass-border,#e2e0dc);z-index:210;background:var(--glass-bg-base,var(--p-warm-100));font-family:var(--font-body);color:var(--glass-text-1,var(--p-gray-800));flex-direction:column;display:flex;position:fixed;inset:0}.receiptsheet-topbar{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--p-white);border-bottom:1px solid var(--line);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.receiptsheet-close{border-radius:var(--radius-full);color:var(--glass-text-2,var(--p-stone-600));font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:5px;padding:7px 12px 7px 8px;font-size:.92rem;font-weight:600;display:inline-flex}.receiptsheet-close:active{background:#0000000d}.receiptsheet-close svg{width:17px;height:17px}.receiptsheet-title{letter-spacing:-.01em;white-space:nowrap;justify-self:center;font-size:1rem;font-weight:800}.receiptsheet-paper-toggle{background:var(--glass-bg-base,#f1efec);border:1px solid var(--line);border-radius:var(--radius-full);justify-self:end;align-items:center;gap:2px;padding:3px;display:inline-flex}.receiptsheet-paper-opt{border-radius:var(--radius-full);min-width:34px;color:var(--glass-text-2,var(--p-stone-600));font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 8px;font-size:.8rem;font-weight:700;line-height:1;transition:background .12s,color .12s}.receiptsheet-paper-opt.active{background:var(--p-white);color:var(--primary);box-shadow:var(--shadow-1)}.receiptsheet-paper-unit{color:var(--glass-text-3,var(--p-stone-500));padding-right:6px;font-size:.68rem;font-weight:700}.receiptsheet-scroll{flex:1;justify-content:center;align-items:flex-start;padding:22px 16px 28px;display:flex;overflow-y:auto}.receiptsheet-status{color:var(--glass-text-2,var(--p-stone-600));margin-top:48px;font-size:.95rem}.receiptsheet-preview{flex-direction:column;align-items:center;gap:12px;display:flex}.receiptsheet-paper{background:var(--p-white);border-radius:var(--radius-xs);font:inherit;color:inherit;text-align:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:10px 8px;display:block;box-shadow:0 14px 36px -12px #00000047}.receiptsheet-expand-hint{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--p-white);color:var(--glass-text-2,var(--p-stone-600));font:inherit;cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.receiptsheet-expand-hint svg{width:14px;height:14px;color:var(--primary)}.receiptsheet-footer{padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:var(--p-white);border-top:1px solid var(--line);box-shadow:var(--shadow-1);flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.receiptsheet-footer>*{width:100%;max-width:440px}.receiptsheet-note{text-align:center;color:var(--glass-text-2,var(--p-stone-600));font-size:.82rem;font-weight:600}.receiptsheet-note.err{color:#c0392b}.receiptsheet-secondary{gap:8px;display:flex}.receiptsheet-act{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--p-white);color:var(--glass-text-1,var(--p-gray-800));font:inherit;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 6px;font-size:.78rem;font-weight:700;display:flex}.receiptsheet-act:active{background:var(--glass-bg-base,var(--p-warm-100))}.receiptsheet-act:disabled{opacity:.45;cursor:default}.receiptsheet-act svg{width:20px;height:20px;color:var(--primary)}.receiptsheet-beta{letter-spacing:.02em;color:var(--primary);background:rgba(var(--glass-primary-rgb,194 65 12), .12);border-radius:5px;padding:1px 5px;font-size:.6rem;font-weight:800}.receiptsheet-primary{background:var(--primary);width:100%;color:var(--p-white);font:inherit;cursor:pointer;box-shadow:0 10px 22px -8px rgba(var(--glass-primary-rgb,194 65 12), .5);border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:15px;font-size:1rem;font-weight:800;display:flex}.receiptsheet-primary:disabled{opacity:.55;box-shadow:none;cursor:default}.receiptsheet-primary svg{width:19px;height:19px}.receiptsheet-fullview{z-index:20;background:var(--p-white);-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow:auto}.receiptsheet-fullview-scroll{min-height:100%;padding:calc(16px + env(safe-area-inset-top)) 6px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;display:flex}.receiptsheet-fullview-paper{background:var(--p-white)}.receiptsheet-fullview-close{top:calc(8px + env(safe-area-inset-top));z-index:1;border-radius:var(--radius-full);width:36px;height:36px;color:var(--glass-text-2,var(--p-stone-600));cursor:pointer;background:#0f172a14;border:0;justify-content:center;align-items:center;display:flex;position:fixed;right:10px}.receiptsheet-fullview-close svg{width:18px;height:18px}.receiptsheet-bigqr{z-index:3;background:#0f172ad1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.receiptsheet-bigqr-card{background:var(--p-white);border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:16px;width:100%;max-width:340px;padding:26px 24px;display:flex}.receiptsheet-bigqr-title{font-size:1.05rem;font-weight:800}.receiptsheet-bigqr-card img{width:min(72vw,280px);height:min(72vw,280px);image-rendering:pixelated}.receiptsheet-bigqr-close{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--p-white);color:var(--glass-text-1,var(--p-gray-800));font:inherit;cursor:pointer;padding:11px 28px;font-weight:700}@media print{html.receipt-printing #root{display:none!important}.receiptsheet-portal{background:var(--p-white);display:block;position:static}.receiptsheet-topbar,.receiptsheet-footer,.receiptsheet-bigqr,.receiptsheet-fullview,.receiptsheet-expand-hint{display:none!important}.receiptsheet-scroll{padding:0;display:block;overflow:visible}.receiptsheet-paper{box-shadow:none;cursor:auto;border-radius:0;padding:0}@page{margin:3mm;size:auto}}.paymentscreen{--bg-base:var(--p-indigo-25);--surface-glass:var(--surface-1);--primary:var(--glass-primary);--accent:var(--glass-accent);--accent-glow:var(--glass-accent-glow);--accent-soft:var(--glass-accent-soft);--text-1:var(--glass-text-1);--text-2:var(--glass-text-2);--text-3:var(--glass-text-3);--border-glass:var(--border-1);--border-solid:var(--border-1);--success:var(--p-emerald-500);--success-dark:var(--p-emerald-600);--success-glow:#10b98159;--danger:var(--glass-danger);--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--terracotta:var(--primary);--shop-ink:var(--text-1);--card:var(--p-white);--line:var(--p-indigo-50);--muted:var(--text-2);--muted-2:var(--text-3);--cream:var(--p-slate-50);--green:var(--p-emerald-500);--red:var(--danger);--red-bg:var(--glass-danger-bg);--promptpay-blue:var(--primary);max-width:1440px;height:100%;color:var(--text-1);font-family:var(--font-body);background:var(--app-bg);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.paymentscreen:before{content:"";height:env(safe-area-inset-top);background:var(--surface-strip);z-index:15;pointer-events:none;position:absolute;top:0;left:0;right:0}.paymentscreen-header{background:var(--surface-1);padding:calc(6px + env(safe-area-inset-top)) 20px 10px;z-index:10;border-bottom:1px solid var(--border-glass);flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.paymentscreen-back{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-solid);width:42px;height:42px;color:var(--text-1);cursor:pointer;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.paymentscreen-back:active{background:var(--accent-soft);border-color:var(--accent);color:var(--primary)}.paymentscreen-header-title{text-align:center;font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-1);flex:1;font-weight:700}.paymentscreen-header-spacer{flex-shrink:0;width:42px;height:42px}.paymentscreen-content{padding:var(--paymentscreen-content-pad,10px) 20px;scrollbar-width:none;z-index:1;will-change:transform;flex:1;position:relative;overflow-y:auto;transform:translateZ(0)}.paymentscreen-content::-webkit-scrollbar{display:none}.paymentscreen-total-card{background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-glass);text-align:center;box-shadow:var(--shadow-sm);margin-bottom:10px;padding:14px 16px;animation:.4s backwards paymentscreen-fade-in}.paymentscreen-total-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.paymentscreen-total-header-left{align-items:center;gap:8px;min-width:0;display:flex}.paymentscreen-total-header-right{text-align:right;flex-shrink:0}.paymentscreen-total-label{font-size:var(--fs-md);color:var(--text-2);font-weight:500}.paymentscreen-item-badge{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);font-size:var(--fs-xs);padding:3px 10px;font-weight:700}.paymentscreen-total-time{font-size:var(--fs-xs);color:var(--text-3);margin-top:1px}.paymentscreen-total-amount{font-family:var(--font-display);font-size:calc(clamp(28px, 8.5vw, 36px) * var(--font-scale));color:var(--primary);letter-spacing:-.02em;font-weight:700;line-height:1}.paymentscreen-discount-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.paymentscreen-discount-original{color:var(--text-3);font-size:var(--fs-base);text-decoration:line-through}.paymentscreen-discount-badge{border-radius:var(--radius-full);background:var(--pop);color:var(--pop-ink);font-size:var(--fs-xs);padding:2px 10px;font-weight:700;display:inline-block}.paymentscreen-member-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.paymentscreen-member-add{border-radius:var(--radius-md);border:1px solid var(--border-solid);background:var(--surface-1);color:var(--text-1);font:inherit;font-weight:700;font-size:var(--fs-sm);cursor:pointer;padding:8px 14px}.paymentscreen-member-add:disabled{opacity:.5;cursor:default}.paymentscreen-member-offline{font-size:var(--fs-sm);color:var(--text-3)}.paymentscreen-member-label{border-radius:var(--radius-md);border:1px solid var(--border-solid);background:var(--surface-1);color:var(--text-1);font-weight:700;font-size:var(--fs-sm);padding:8px 14px}.paymentscreen-member-clear{border:1px solid var(--border-solid);background:var(--surface-1);width:28px;height:28px;color:var(--text-3);cursor:pointer;border-radius:50%;place-items:center;display:grid}.paymentscreen-received-card{background:var(--surface-2);border:1px solid var(--border-solid);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 14px;display:flex}.paymentscreen-received-left{flex-direction:column;gap:2px;min-width:0;display:flex}.paymentscreen-received-label{font-size:var(--fs-base);color:var(--text-1);font-weight:600}.paymentscreen-received-sub{font-size:var(--fs-xs);color:var(--text-3)}.paymentscreen-received-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.paymentscreen-received-currency{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-3);font-weight:600}.paymentscreen-received-input{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-1);text-align:right;letter-spacing:-.02em;background:0 0;border:none;outline:none;width:90px;font-weight:700}.paymentscreen-received-input::placeholder{color:var(--text-3);opacity:.45;font-weight:500}.paymentscreen-received-clear{border-radius:var(--radius-sm);background:var(--p-slate-100);border:1px solid var(--border-solid);cursor:pointer;width:28px;height:28px;color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;display:flex}.paymentscreen-section-title{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text-1);margin-bottom:6px;padding-left:4px;font-weight:700}.paymentscreen-methods{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.paymentscreen-method{background:var(--surface-1);border:1px solid var(--border-solid);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);font-size:var(--fs-sm);color:var(--text-2);flex-direction:column;align-items:center;gap:4px;padding:9px 8px;font-weight:600;transition:all .2s;display:flex}.paymentscreen-method:active{border-color:var(--accent);color:var(--accent)}.paymentscreen-method.active{background:var(--surface-1);color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-sm)}.paymentscreen-method-art{width:40px;height:40px;display:block}.paymentscreen-note-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.paymentscreen-note-btn{cursor:pointer;border-radius:var(--radius-sm);filter:drop-shadow(0 1px 2px rgba(var(--glass-primary-rgb), .18));background:0 0;border:none;padding:0;transition:transform .1s}.paymentscreen-note-btn:active{transform:scale(.94)}.paymentscreen-exact-btn{border-radius:var(--radius-md);background:var(--surface-1);width:100%;box-shadow:var(--shadow-1);color:var(--primary);font-family:var(--font-display);font-size:var(--fs-base);cursor:pointer;border:1px solid #0000;margin-bottom:10px;padding:9px;font-weight:700}.paymentscreen-exact-btn.active{border-color:var(--primary);background:rgba(var(--glass-primary-rgb), .06)}.paymentscreen-summary-card{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);margin-bottom:10px;padding:8px 16px 10px;animation:.4s .1s backwards paymentscreen-fade-in}.paymentscreen-summary-row{font-size:var(--fs-sm);justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.paymentscreen-summary-label{color:var(--text-2);font-weight:500}.paymentscreen-summary-value{font-family:var(--font-display);color:var(--text-1);font-weight:600}.paymentscreen-summary-row.highlight{border-top:1px dashed var(--border-1);margin-top:4px;padding-top:8px}.paymentscreen-summary-row.highlight .paymentscreen-summary-label{color:var(--c-ink);font-weight:700;font-size:var(--fs-md)}.paymentscreen-summary-row.highlight .paymentscreen-summary-value{font-size:var(--fs-2xl);color:var(--success-dark);font-weight:700}.paymentscreen-summary-row.highlight.insufficient .paymentscreen-summary-value{color:var(--danger)}.paymentscreen-qrsection{flex-direction:column;align-items:center;gap:12px;padding:4px 0 12px;display:flex}.paymentscreen-qrcard{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.paymentscreen-qrimg{width:clamp(150px,42vw,180px);height:clamp(150px,42vw,180px)}.paymentscreen-qrcode{width:clamp(150px,42vw,180px);height:clamp(150px,42vw,180px);color:var(--text-3);justify-content:center;align-items:center;display:flex}.paymentscreen-qrlabel{font-size:var(--fs-base);color:var(--primary);letter-spacing:.02em;text-align:center;font-weight:700}.paymentscreen-qrcontact{text-align:center;flex-direction:column;gap:3px;display:flex}.paymentscreen-qrphone{font-size:var(--fs-lg);color:var(--primary);letter-spacing:.01em;font-weight:800}.paymentscreen-qrshop{font-size:var(--fs-base);color:var(--text-2)}.paymentscreen-error{color:var(--danger);font-size:var(--fs-base);border-radius:var(--radius-sm);background:#ef44441a;margin:0 20px 16px;padding:10px 16px}.paymentscreen-footer{z-index:10;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:var(--surface-1);border-top:1px solid var(--border-glass);flex-shrink:0;position:relative}.paymentscreen-confirm{background:linear-gradient(135deg, var(--p-emerald-500) 0%, var(--p-emerald-600) 100%);width:100%;color:var(--p-white);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:13px;transition:all .2s;display:flex}.paymentscreen-confirm:disabled{opacity:.5;cursor:not-allowed}.paymentscreen-confirmed{z-index:1;background:var(--app-bg);flex-direction:column;flex:1;gap:16px;height:100%;padding:20px 16px 0;display:flex;position:relative;overflow-y:auto}.paymentscreen-confirmed-top{flex-direction:column;align-items:center;gap:2px;margin-top:8px;display:flex}.paymentscreen-confirmed-top .success-burst{width:clamp(120px,38vw,150px);height:auto}.paymentscreen-confirmed-title{font-family:var(--font-display);font-size:calc(clamp(24px, 7.5vw, 28px) * var(--font-scale));color:var(--c-ink);letter-spacing:-.02em;font-weight:700;animation:.4s .35s backwards paymentscreen-fade-in}.paymentscreen-confirmed-amount{font-family:var(--font-display);font-size:calc(clamp(38px, 11.5vw, 48px) * var(--font-scale));color:var(--primary);letter-spacing:-.02em;font-weight:700;line-height:1.05;animation:.4s .45s backwards paymentscreen-fade-in}.paymentscreen-confirmed-slip{background:var(--surface-1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-1);padding:10px 18px 16px;animation:.4s .55s backwards paymentscreen-fade-in;-webkit-mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) 50% 0/18px 100% repeat-x;mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) 50% 0/18px 100% repeat-x}.paymentscreen-confirmed-row{font-size:var(--fs-sm);color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.paymentscreen-confirmed-row b{color:var(--c-ink);font-family:var(--font-display);text-align:right;font-weight:600}.paymentscreen-confirmed-method{align-items:center;gap:6px;display:inline-flex}.paymentscreen-confirmed-method img{width:22px;height:22px}.paymentscreen-confirmed-row.change{border-top:1px dashed var(--border-1);margin-top:4px;padding-top:10px}.paymentscreen-confirmed-row.change span{color:var(--c-ink);font-weight:700;font-size:var(--fs-md)}.paymentscreen-confirmed-row.change b{font-size:var(--fs-2xl);color:var(--success-dark);font-weight:700}.paymentscreen-confirmed-thanks{font-size:var(--fs-base);color:var(--text-2);flex-direction:column;align-items:center;line-height:1.6;animation:.4s .65s backwards paymentscreen-fade-in;display:flex}.paymentscreen-confirmed-thanks b{color:var(--c-ink);font-size:var(--fs-md);font-weight:600}.paymentscreen-confirmed-actions{flex-direction:column;gap:4px;margin-top:auto;padding:8px 0 18px;display:flex}.paymentscreen-confirmed-newsale{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);border-radius:var(--radius-md);font-size:var(--fs-md);color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(var(--glass-primary-rgb), .28);border:none;padding:16px;font-weight:700}.paymentscreen-confirmed-receipt{font-size:var(--fs-md);color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:700;display:inline-flex}.success-burst-disc{transform-origin:80px 82px;animation:.55s cubic-bezier(.34,1.56,.64,1) paymentscreen-check-pop}.success-burst-check{stroke-dasharray:1;stroke-dashoffset:0;animation:.35s ease-out .3s backwards success-burst-draw}.success-burst-bits{transform-origin:80px 82px;animation:.7s cubic-bezier(.22,1,.36,1) .35s backwards success-burst-spread}@keyframes success-burst-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes success-burst-spread{0%{opacity:0;transform:scale(.4)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.paymentscreen-qrzoom-overlay{z-index:50;cursor:pointer;background:#1e293beb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.paymentscreen-qrzoom-img{border-radius:var(--radius-lg);width:min(85vw,85vh,420px);height:min(85vw,85vh,420px);box-shadow:0 12px 40px rgba(var(--glass-primary-rgb), .28);cursor:default;background:#fff;padding:20px}.paymentscreen-qrzoom-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;top:24px;right:24px}@keyframes paymentscreen-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes paymentscreen-check-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.paymentscreen-total-card,.paymentscreen-summary-card,.paymentscreen-confirmed *{animation:none!important}.paymentscreen *,.paymentscreen :before,.paymentscreen :after{transition-duration:.01ms!important}}@container app (width>=640px){.paymentscreen-back{width:48px;height:48px}.paymentscreen-header-title{font-size:var(--fs-xl)}.paymentscreen-methods{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.paymentscreen-note-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.paymentscreen-content{width:100%;max-width:640px;margin-inline:auto}.paymentscreen-confirm{max-width:640px;margin-inline:auto}}.paymentscreen-bankcard{border-radius:var(--radius-lg);background:var(--surface-1);width:100%;max-width:320px;box-shadow:var(--shadow-md);border:1px solid var(--border-solid);overflow:hidden}.paymentscreen-bankcard-head{color:var(--p-white);align-items:center;gap:10px;padding:13px 16px;display:flex}.paymentscreen-bankcard-name{font-weight:800;font-size:var(--fs-md);line-height:1.25}.paymentscreen-bankcard-body{text-align:center;padding:20px 18px 18px}.paymentscreen-bankcard-label{font-size:var(--fs-xs);color:var(--text-3);font-weight:600}.paymentscreen-bankcard-accno{width:100%;font-family:inherit;font-size:var(--fs-2xl);letter-spacing:.02em;color:var(--text-1);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:4px 0;font-weight:800;display:flex}.paymentscreen-bankcard-accno svg{color:var(--primary);flex-shrink:0}.paymentscreen-bankcard-copied{font-size:var(--fs-xs);color:var(--primary);margin-top:4px;font-weight:700}.paymentscreen-bankcard-accname{font-size:var(--fs-md);color:var(--text-2);margin-top:8px;font-weight:600}.paymentscreen-bankcard-amount{border-top:1px dashed var(--border-solid);font-size:var(--fs-base);color:var(--text-1);margin-top:16px;padding-top:14px;font-weight:700}.paymentscreen-banksave{border-radius:var(--radius-md);border:1px solid var(--border-solid);background:var(--surface-1);width:100%;max-width:320px;color:var(--text-1);font-family:inherit;font-size:var(--fs-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-weight:700;display:flex}.paymentscreen-banksave:disabled{opacity:.6}.paymentscreen-bankcard-hint{text-align:center;max-width:320px;font-size:var(--fs-xs);color:var(--text-3);font-weight:500}.paymentscreen-confirm-amt{border-radius:var(--radius-sm);background:#ffffff38;margin-left:4px;padding:2px 10px}.paymentscreen-received-input::placeholder{color:var(--text-3);opacity:.75;font-size:var(--fs-sm);letter-spacing:0;font-weight:400}.paymentscreen-received-input:focus::placeholder{color:#0000}.banklogo{background:var(--p-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.banklogo img{object-fit:contain;width:100%;height:100%;display:block}.banklogo-fallback{color:var(--p-white);letter-spacing:.02em;font-size:.62em;font-weight:800;line-height:1}.banknote{width:100%;height:auto;display:block}.banknote--1{--nm:var(--note-1-main);--nl:var(--note-1-light);--ni:var(--note-1-ink)}.banknote--5{--nm:var(--note-5-main);--nl:var(--note-5-light);--ni:var(--note-5-ink)}.banknote--10{--nm:var(--note-10-main);--nl:var(--note-10-light);--ni:var(--note-10-ink)}.banknote--20{--nm:var(--note-20-main);--nl:var(--note-20-light);--ni:var(--note-20-ink)}.banknote--50{--nm:var(--note-50-main);--nl:var(--note-50-light);--ni:var(--note-50-ink)}.banknote--100{--nm:var(--note-100-main);--nl:var(--note-100-light);--ni:var(--note-100-ink)}.banknote--500{--nm:var(--note-500-main);--nl:var(--note-500-light);--ni:var(--note-500-ink)}.banknote--1000{--nm:var(--note-1000-main);--nl:var(--note-1000-light);--ni:var(--note-1000-ink)}.banknote .bn-stop-light{stop-color:var(--nl)}.banknote .bn-stop-main{stop-color:var(--nm);stop-opacity:.35}.banknote .bn-wave{fill:none;stroke:var(--nm);stroke-opacity:.18;stroke-width:1px}.banknote .bn-edge{stroke:var(--nm);stroke-width:2.5px}.banknote .bn-inner{stroke:var(--nm);stroke-opacity:.35;stroke-width:1px;stroke-dasharray:3 2}.banknote .bn-medal{fill:var(--nl);stroke:var(--nm);stroke-opacity:.5;stroke-width:1.5px}.banknote .bn-flower ellipse{fill:var(--nm);fill-opacity:.55}.banknote .bn-flower-center{fill:var(--nl)}.banknote .bn-value{font-family:var(--font-display);fill:var(--ni);font-weight:700}.banknote .bn-unit{font-family:var(--font-body);fill:var(--ni);fill-opacity:.8}.banknote .bn-corner{font-family:var(--font-display);fill:var(--ni);fill-opacity:.7;font-weight:700}.onboard-screen{--primary:var(--glass-primary);--primary-soft:var(--glass-primary-soft);--accent:var(--glass-accent);--accent-glow:var(--glass-accent-glow);--accent-soft:var(--glass-accent-soft);--text-1:var(--glass-text-1);--text-2:var(--glass-text-2);--text-3:var(--glass-text-3);--border-glass:var(--border-1);--danger:var(--glass-danger);--red-bg:var(--glass-danger-bg);background:var(--app-bg);height:100dvh;font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.onboard-screen:before{content:"";z-index:0;background:var(--app-bg);position:absolute;inset:0}.onboard-header{z-index:1;background:var(--surface-1);border-bottom:1px solid var(--border-glass);flex-shrink:0;justify-content:center;align-items:center;padding:14px 22px;display:flex;position:relative}.onboard-header-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-1);letter-spacing:-.01em;font-weight:600}.onboard-back{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-glass);width:40px;height:40px;color:var(--text-1);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.onboard-back:active{background:var(--accent-soft);color:var(--primary)}.onboard-back svg{width:20px;height:20px}.onboard-body{z-index:1;background:var(--surface-1);flex-direction:column;flex:1;gap:18px;padding:20px 24px 32px;display:flex;position:relative;overflow-y:auto}.onboard-intro h1{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-1);letter-spacing:-.02em;margin-bottom:8px;font-weight:700;line-height:1.25}.onboard-intro p{font-size:var(--fs-base);color:var(--text-2);line-height:1.55}.onboard-logo-upload{justify-content:center;display:flex}.onboard-logo-box{border-radius:var(--radius-lg);border:1.5px dashed var(--text-3);cursor:pointer;width:88px;height:88px;color:var(--text-3);background:var(--surface-1);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;transition:all .2s;display:flex;overflow:hidden}.onboard-logo-box:hover{border-color:var(--primary);color:var(--primary);background:var(--accent-soft)}.onboard-logo-box span{font-size:var(--fs-xs);font-weight:500;font-family:var(--font-display);text-align:center;line-height:1.3}.onboard-logo-preview{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:100%}.onboard-field{flex-direction:column;gap:7px;display:flex}.onboard-label{font-size:var(--fs-sm);color:var(--text-1);font-weight:600}.onboard-required{color:var(--danger);margin-left:2px}.onboard-hint{font-size:var(--fs-xs);color:var(--text-2);line-height:1.5}.onboard-input-wrap{position:relative}.onboard-leading-icon{color:var(--text-3);pointer-events:none;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.onboard-input-wrap.has-leading .onboard-input{padding-left:44px}.onboard-input{border-radius:var(--radius-md);border:1.5px solid var(--border-glass);background:var(--surface-1);width:100%;height:48px;font-family:inherit;font-size:var(--fs-base);color:var(--text-1);padding:0 16px;transition:all .2s}.onboard-input::placeholder{color:var(--text-3)}.onboard-input:focus{background:var(--surface-1);border-color:var(--primary);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.onboard-input:read-only{color:var(--text-2);cursor:default}.onboard-select{position:relative}.onboard-select-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-glass);background:var(--surface-1);width:100%;height:48px;font-family:inherit;font-size:var(--fs-base);color:var(--text-1);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:0 8px 0 16px;transition:all .2s;display:flex}.onboard-select-value{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.onboard-select-placeholder{color:var(--text-3)}.onboard-select-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:22px;height:22px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboard-select-option-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.onboard-select-chevron{background:var(--accent-soft);width:26px;height:26px;color:var(--text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background .2s,color .2s;display:flex}.onboard-select-open .onboard-select-btn{background:var(--surface-1);border-color:var(--primary);box-shadow:0 0 0 4px var(--accent-soft)}.onboard-select-open .onboard-select-chevron{background:var(--primary);color:var(--p-white);transform:rotate(180deg)}.onboard-select-btn:disabled{color:var(--text-3);cursor:not-allowed;background:var(--surface-1)}.onboard-select-panel{z-index:30;background:var(--surface-1);border:1px solid var(--border-glass);border-radius:var(--radius-md);max-height:240px;box-shadow:0 12px 28px -8px rgba(var(--glass-primary-rgb), .2), 0 4px 10px rgba(var(--glass-primary-rgb), .08);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.onboard-select-option{border-radius:var(--radius-sm);width:100%;font-family:inherit;font-size:var(--fs-base);color:var(--text-1);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.onboard-select-option:hover{background:var(--accent-soft)}.onboard-select-option-active{color:var(--primary);background:var(--accent-soft);font-weight:600}.onboard-row-pair{gap:10px;display:flex}.onboard-row-pair .onboard-input-wrap{flex:1;min-width:0}.onboard-error{font-size:var(--fs-base);color:var(--danger);background:var(--red-bg);border-radius:var(--radius-sm);padding:10px 14px}.onboard-footer{z-index:1;padding:14px 24px calc(20px + env(safe-area-inset-bottom,0px));background:var(--surface-1);border-top:1px solid var(--border-glass);flex-shrink:0;position:relative}.onboard-startbtn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);width:100%;height:52px;color:var(--p-white);font-size:var(--fs-md);cursor:pointer;box-shadow:0 8px 20px rgba(var(--glass-primary-rgb), .3);border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .25s;display:flex}.onboard-startbtn:hover:not(:disabled){box-shadow:0 12px 26px rgba(var(--glass-primary-rgb), .38);transform:translateY(-1px)}.onboard-startbtn:active:not(:disabled){transform:scale(.98)}.onboard-startbtn:disabled{opacity:.5;cursor:not-allowed}.onboard-footnote{text-align:center;font-size:var(--fs-sm);color:var(--text-3);margin-top:12px}.onboard-signout-link{cursor:pointer;text-align:center;width:100%;font-family:inherit;font-size:var(--fs-sm);color:var(--text-2);text-underline-offset:2px;background:0 0;border:none;margin-top:4px;font-weight:600;text-decoration:underline;display:block}.onboard-signout-link:active{opacity:.6}@media (prefers-reduced-motion:reduce){.onboard-screen *,.onboard-screen :before,.onboard-screen :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@container app (width>=640px){.onboard-back{width:46px;height:46px}.onboard-back svg{width:22px;height:22px}.onboard-header-title{font-size:var(--fs-xl)}.onboard-body{width:100%;max-width:640px;margin-inline:auto}.onboard-startbtn{max-width:640px;margin-inline:auto}}.onboard-location-btn{border-radius:var(--radius-md);border:1px solid var(--p-slate-300);background:var(--surface-1);width:100%;height:44px;color:var(--primary);font-size:var(--fs-base);cursor:pointer;font-weight:600}.onboard-location-btn:disabled{opacity:.5;cursor:not-allowed}.onboard-location-skip-btn{color:var(--text-3);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:4px 0;text-decoration:underline}.newshop-warn-overlay{z-index:var(--z-overlay);background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.newshop-warn-modal{background:var(--surface-1);border-radius:var(--radius-lg);width:100%;max-width:320px;box-shadow:0 10px 40px rgba(var(--glass-primary-rgb), .2);flex-direction:column;align-items:center;gap:10px;padding:18px clamp(20px,6vw,26px);display:flex}.newshop-warn-icon{background:rgba(var(--glass-primary-rgb), .1);width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.newshop-warn-icon svg{width:clamp(20px,5.5vw,22px);height:clamp(20px,5.5vw,22px)}.newshop-warn-title{font-size:var(--fs-lg);color:var(--text-1);text-align:center;font-weight:800}.newshop-warn-sub{font-size:var(--fs-base);color:var(--text-2);text-align:center;margin-bottom:6px;line-height:1.5}.newshop-warn-actions{gap:10px;width:100%;display:flex}.newshop-warn-btn{border-radius:var(--radius-sm);min-height:44px;font-weight:700;font-size:var(--fs-md);cursor:pointer;font-family:var(--font-body);border:none;flex:1;padding:12px 16px;transition:transform .12s}.newshop-warn-btn:active{transform:scale(.96)}.newshop-warn-cancel{background:var(--p-slate-100);color:var(--text-2);border:1px solid var(--border-glass)}.newshop-warn-confirm{background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);color:#fff}.otpinput-row{position:relative}.otpinput-boxes{justify-content:space-between;gap:8px;padding-right:40px;display:flex}.otpinput-box{aspect-ratio:1;text-align:center;width:100%;max-width:48px;font-family:var(--font-display);color:var(--text-1);background:var(--p-white);border:1px solid var(--border-solid);border-radius:var(--radius-md);font-weight:700;font-size:max(var(--fs-2xl), 16px);outline:none;transition:border-color .2s,box-shadow .2s}.otpinput-box:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.otpinput-clear{background:var(--accent-soft);width:30px;height:30px;color:var(--text-2);cursor:pointer;opacity:1;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.otpinput-clear:active{background:var(--accent-glow);color:var(--primary)}.otpinput-clear-hidden{visibility:hidden;opacity:0;pointer-events:none}.auth-screen{--bg-base:var(--p-indigo-25);--primary:var(--glass-primary);--primary-soft:var(--glass-primary-soft);--accent:var(--glass-accent);--accent-glow:var(--glass-accent-glow);--accent-soft:var(--glass-accent-soft);--text-1:var(--glass-text-1);--text-2:var(--glass-text-2);--text-3:var(--glass-text-3);--border-solid:var(--border-1);--shadow-md:var(--shadow-2);--terracotta:var(--franchise-accent,var(--p-indigo-600));--terracotta-dark:var(--p-indigo-700);--shop-ink:var(--text-1);--ink:var(--text-1);--card:var(--p-white);--line:var(--border-solid);--muted:var(--text-2);--muted-2:var(--text-3);--red:var(--glass-danger);--red-bg:var(--glass-danger-bg);background:var(--app-bg);min-height:100dvh;position:relative;overflow-x:hidden}.auth-screen:before{content:"";z-index:0;background:var(--app-bg);position:fixed;inset:0}.auth-content{z-index:1;text-align:center;flex-direction:column;align-items:center;min-height:100dvh;padding:max(6vh,28px) 24px 20px;display:flex;position:relative}.auth-logo-container{justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;animation:.6s cubic-bezier(.175,.885,.32,1.275) backwards authPopIn;display:flex;position:relative}.auth-logo-img{z-index:2;object-fit:contain;width:64px;height:64px;filter:drop-shadow(0 4px 6px rgba(var(--glass-primary-rgb), .2));position:relative}.auth-brand-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-1);margin-bottom:3px;font-weight:700;animation:.4s .15s backwards authFadeInUp}.auth-brand-sub{font-size:var(--fs-base);color:var(--text-2);margin-bottom:16px;animation:.4s .25s backwards authFadeInUp}.auth-card{background:var(--surface-1);border:1px solid var(--border-solid);border-radius:var(--radius-lg);width:100%;max-width:340px;box-shadow:var(--shadow-1);padding:20px 16px;animation:.4s .35s backwards authFadeInUp}.auth-step{text-align:left;flex-direction:column;gap:12px;display:flex}.fade-up{animation:.3s authFadeInUp}.auth-step-head{text-align:left}.auth-step-header{align-items:center;gap:10px;display:flex}.auth-back{background:var(--accent-soft);width:36px;height:36px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-step-title{font-family:var(--font-display);font-size:calc(var(--fs-md) + 2px);color:var(--text-1);font-weight:700}.auth-step-sub{font-size:var(--fs-base);color:var(--text-2);margin-top:4px}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field-label{font-size:var(--fs-md);color:var(--text-1);font-weight:600}.auth-input{background:var(--surface-1);border:1px solid var(--border-solid);border-radius:var(--radius-md);align-items:center;height:50px;padding:0 44px 0 48px;transition:all .2s;display:flex;position:relative}.auth-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.auth-input-icon{color:var(--text-3);pointer-events:none;position:absolute;left:16px}.auth-input-clear{background:var(--accent-soft);width:22px;height:22px;color:var(--text-2);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.auth-input-clear:active{background:var(--accent-glow);color:var(--primary)}.auth-input input{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-1);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;font-weight:500}.auth-input input::placeholder{color:var(--text-3)}.auth-cta{background:var(--primary);width:100%;color:var(--p-white);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);cursor:pointer;box-shadow:0 4px 10px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:13px;transition:all .2s;display:flex}.auth-cta:hover:not(:disabled){box-shadow:0 6px 14px var(--accent-glow);transform:translateY(-1px)}.auth-cta:active:not(:disabled){transform:scale(.98)}.auth-cta:disabled{opacity:.5;cursor:not-allowed}.auth-note{font-size:var(--fs-sm);color:var(--text-3);text-align:center;line-height:1.5}.auth-divider{color:var(--text-3);font-size:var(--fs-sm);align-items:center;gap:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-solid);flex:1;height:1px}.auth-oauth-group{flex-direction:column;gap:6px;display:flex}.auth-oauth-btn{background:var(--surface-1);border:1px solid var(--border-solid);border-radius:var(--radius-md);width:100%;height:42px;font-weight:600;font-size:calc(var(--fs-md) - 3px);color:var(--text-1);cursor:pointer;justify-content:center;align-items:center;gap:10px;transition:all .2s;display:flex}.auth-oauth-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.auth-oauth-btn:active:not(:disabled){transform:scale(.98)}.auth-oauth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{font-size:var(--fs-base);color:var(--red);background:var(--red-bg);border-radius:var(--radius-sm);padding:10px 14px}.auth-resend{font-size:var(--fs-base);color:var(--primary);text-align:center;cursor:pointer;background:0 0;border:none;font-weight:700}.auth-resend:disabled{color:var(--text-3);cursor:not-allowed}.auth-agree{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:flex-start;gap:10px;margin-top:2px;padding:2px 0;font-family:inherit;display:flex}.auth-agree:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.auth-agree-box{border-radius:var(--radius-sm);border:1.5px solid var(--text-3);background:var(--surface-1);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .2s;display:flex}.auth-agree-box svg{width:12px;height:12px;color:var(--p-white)}.auth-agree-box-active{background:var(--primary);border-color:var(--primary)}.auth-agree-label{font-size:var(--fs-sm);color:var(--text-2);line-height:1.5}.auth-agree-link{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:none}.auth-modal-overlay{z-index:20;-webkit-backdrop-filter:var(--overlay-backdrop,none);backdrop-filter:var(--overlay-backdrop,none);background:#1e293b8c;justify-content:center;align-items:center;padding:24px;animation:.2s authFadeInUp;display:flex;position:fixed;inset:0}.auth-modal{background:var(--p-white);border:1px solid var(--border-solid);border-radius:var(--radius-lg);width:100%;max-width:340px;max-height:76vh;box-shadow:var(--shadow-1);flex-direction:column;display:flex;overflow:hidden}.auth-modal-header{border-bottom:1px solid var(--border-solid);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.auth-modal-title{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text-1);font-weight:700}.auth-modal-close{width:28px;min-width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-modal-body{text-align:left;flex-direction:column;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.auth-modal-line{font-size:var(--fs-md);color:var(--text-1);line-height:1.6}.auth-modal-line b{color:var(--primary)}.auth-modal-highlight{color:var(--red)!important}@keyframes authPopIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes authFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-screen *,.auth-screen :before,.auth-screen :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@container app (width>=640px){.auth-back{width:42px;height:42px}}.auth-homu-only{display:none}.auth-cta-wrap{width:100%}.shopsel-screen{--primary:var(--glass-primary);--primary-soft:var(--glass-primary-soft);--accent:var(--glass-accent);--accent-glow:var(--glass-accent-glow);--accent-soft:var(--glass-accent-soft);--text-1:var(--glass-text-1);--text-2:var(--glass-text-2);--text-3:var(--glass-text-3);--border-glass:var(--border-1);background:var(--app-bg);height:100vh;font-family:var(--font-body);color:var(--text-1);flex-direction:column;display:flex;overflow-x:hidden}.shopsel-header{background:linear-gradient(135deg, rgba(var(--glass-primary-rgb), .96) 0%, rgba(var(--glass-accent-rgb), .96) 100%);padding:clamp(28px, 8vw, 34px) var(--sp-2xl) clamp(22px, 6vw, 28px);text-align:center;flex-shrink:0;position:relative;overflow:hidden}.shopsel-header:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.shopsel-header:after{content:"";background:radial-gradient(circle, rgba(var(--glass-mesh-sky-rgb), .2), transparent 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-50px;left:-30px}.shopsel-header-icon{border-radius:var(--radius-lg);background:var(--surface-1);width:56px;height:56px;margin:0 auto var(--sp-md);box-shadow:0 8px 18px rgba(var(--glass-primary-rgb), .12);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.shopsel-header-icon svg{width:28px;height:28px;color:var(--primary)}.shopsel-header h1{font-family:var(--font-display);font-size:calc(clamp(21px, 6.5vw, 25px) * var(--font-scale));color:var(--p-white);letter-spacing:-.02em;z-index:1;justify-content:center;align-items:center;gap:8px;margin:0;font-weight:800;display:flex;position:relative}.shopsel-header-crown{color:#ffffffe6;flex-shrink:0;width:16px;height:16px}.shopsel-header-sub{font-size:var(--fs-md);color:#fffc;z-index:1;margin-top:6px;position:relative}.shopsel-body{scrollbar-width:none;flex:1;padding:18px 0 40px;overflow-y:auto}.shopsel-body::-webkit-scrollbar{display:none}.shopsel-section-label{font-size:var(--fs-sm);color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;padding:0 20px;font-weight:600;display:flex}.shopsel-section-label:before{content:"";background:linear-gradient(180deg, var(--primary), var(--glass-primary-soft));border-radius:var(--radius-sm);width:4px;height:14px}.shopsel-list{flex-direction:column;gap:14px;padding:0 20px;display:flex}@container app (width>=640px){.shopsel-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;display:grid}}.shopsel-card{background:var(--surface-1);border:1px solid var(--border-glass);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;color:inherit;box-shadow:0 2px 8px rgba(var(--glass-primary-soft-rgb), .05);align-items:center;gap:14px;padding:16px 18px;font-family:inherit;transition:all .24s cubic-bezier(.4,0,.2,1);animation:.4s backwards shopselFadeInUp;display:flex}.shopsel-card:hover{background:var(--surface-1);box-shadow:0 12px 28px -8px rgba(var(--glass-primary-rgb), .15), 0 4px 10px rgba(var(--glass-primary-rgb), .05);border-color:rgba(var(--glass-accent-rgb), .35);transform:translateY(-2px)}.shopsel-card:active{transform:translateY(-1px)scale(.99)}.shopsel-card-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--glass-primary-soft) 100%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.shopsel-card-icon:before{content:"";background:radial-gradient(circle at 30% 30%,#fff6 0%,#0000 60%);position:absolute;inset:0}.shopsel-card-icon svg{z-index:1;width:22px;height:22px;position:relative}.shopsel-card-text{flex:1;min-width:0}.shopsel-card-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text-1);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.shopsel-card-type{font-size:var(--fs-sm);color:var(--text-2);margin-top:4px;font-weight:500}.shopsel-card-badge{font-size:var(--fs-xs);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:4px 10px;font-weight:700}.shopsel-card-badge.owner{color:var(--p-emerald-500);background:#10b9811f}.shopsel-card-badge.staff{background:var(--accent-soft);color:var(--primary)}.shopsel-overview-entry{border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:linear-gradient(135deg, rgba(var(--glass-primary-rgb), .08), rgba(var(--glass-accent-rgb), .08));width:calc(100% - 40px);color:var(--primary);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);cursor:pointer;align-items:center;gap:10px;margin:0 20px 18px;padding:14px 16px;display:flex}.shopsel-overview-entry svg{flex-shrink:0;width:20px;height:20px}.shopsel-overview-entry span{text-align:left;flex:1}.shopsel-overview-entry-arrow{width:16px!important;height:16px!important}.shopsel-overview-back{top:clamp(28px,8vw,34px);left:var(--sp-lg);width:34px;height:34px;color:var(--p-white);cursor:pointer;z-index:2;background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.shopsel-overview-back svg{width:18px;height:18px}.shopsel-period-row{gap:8px;padding:0 20px 16px;display:flex}.shopsel-period-chip{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--surface-1);color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;padding:7px 14px;font-weight:600}.shopsel-period-chip.active{background:var(--primary);border-color:var(--primary);color:var(--p-white)}.shopsel-overview-kpi-row{gap:12px;margin-bottom:18px;padding:0 20px;display:flex}.shopsel-overview-kpi{background:var(--surface-1);border:1px solid var(--border-glass);border-radius:var(--radius-lg);flex:1;padding:14px 16px}.shopsel-overview-kpi .l{font-size:var(--fs-sm);color:var(--text-3);margin-bottom:4px}.shopsel-overview-kpi .v{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-1);font-weight:800}.shopsel-overview-empty{text-align:center;color:var(--text-3);padding:30px 20px}.shopsel-overview-card-amount{font-family:var(--font-display);color:var(--text-1);flex-shrink:0;font-weight:800}.shopsel-overview-card-icon{overflow:hidden}.shopsel-overview-card-icon img{object-fit:cover;width:100%;height:100%}.shopsel-overview-card-metarow{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.shopsel-overview-shiftpill,.shopsel-overview-franchisepill{font-size:var(--fs-xs);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;font-weight:600}.shopsel-overview-shiftpill.open{color:var(--p-emerald-500);background:#10b9811f}.shopsel-overview-shiftpill.closed{color:var(--text-3);background:#94a3b829}.shopsel-overview-franchisepill{background:var(--accent-soft);color:var(--primary)}.shopsel-overview-card-metarow .shopsel-card-type{margin-top:0}@keyframes shopselFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.shopsel-screen *,.shopsel-screen :before,.shopsel-screen :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.welcometoshop-overlay{z-index:var(--z-overlay);padding:var(--sp-xl);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcometoshop-modal{background:var(--p-indigo-25);border-radius:var(--radius-lg);padding:var(--sp-2xl);align-items:center;gap:var(--sp-md);width:100%;max-width:340px;box-shadow:0 10px 40px rgba(var(--glass-primary-rgb), .22);font-family:var(--font-body);flex-direction:column;display:flex}.welcometoshop-icon{border-radius:var(--radius-md);background:var(--glass-accent-soft);width:56px;height:56px;color:var(--glass-primary);justify-content:center;align-items:center;display:flex}.welcometoshop-icon svg{width:28px;height:28px}.welcometoshop-title{font-size:var(--fs-2xl);color:var(--ink,var(--p-warm-900));text-align:center;font-weight:800}.welcometoshop-body{font-size:var(--fs-md);color:var(--muted,var(--p-warm-500));text-align:center;line-height:1.5}.welcometoshop-shoplist{margin:var(--sp-sm) 0;flex-direction:column;gap:6px;display:flex}.welcometoshop-shopitem{color:var(--glass-primary);background:var(--glass-accent-soft);border-radius:var(--radius-sm);padding:8px 12px;font-weight:700}.welcometoshop-btn{width:100%;min-height:var(--tap-min);border-radius:var(--radius-md);font-size:var(--fs-md);cursor:pointer;font-weight:700;font-family:var(--font-body);margin-top:var(--sp-sm);background:linear-gradient(135deg, var(--glass-primary) 0%, var(--glass-accent) 100%);color:#fff;box-shadow:0 4px 16px rgba(var(--glass-accent-rgb), .35);border:none;transition:transform .12s}.welcometoshop-btn:active{transform:scale(.96)}.installgate{z-index:1000;background:linear-gradient(160deg, var(--glass-primary) 0%, var(--glass-primary-soft,var(--glass-primary)) 100%);padding:32px 24px calc(32px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;animation:.25s ease-out installgateFade;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.installgate{animation:none}}@keyframes installgateFade{0%{opacity:0}to{opacity:1}}.installgate-inner{background:var(--p-white);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:360px;box-shadow:var(--glass-shadow-lg,0 24px 48px -12px #00000040);flex-direction:column;align-items:center;padding:32px 24px 20px;display:flex}.installgate-logo{object-fit:contain;border-radius:18px;width:72px;height:72px;margin-bottom:16px}.installgate-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--p-slate-800);margin:0}.installgate-sub{font-size:var(--fs-sm);color:var(--muted);margin:10px 0 24px;line-height:1.6}.installgate-btn{background:linear-gradient(135deg, var(--glass-primary) 0%, var(--glass-primary-soft) 100%);width:100%;color:var(--p-white);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);border-radius:var(--radius-lg);cursor:pointer;border:none;padding:15px}.installgate-skip{color:var(--muted);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:14px}.installgate-ios{width:100%}.installgate-confirm-text{font-family:var(--font-display);font-weight:600;font-size:var(--fs-base);color:var(--p-slate-800);margin:0 0 16px}.installguide-overlay{z-index:900;background:#0f172a80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.installguide-modal{background:var(--p-white);width:100%;max-width:420px;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0}.installguide-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--p-slate-800);text-align:center;margin-bottom:16px}.installguide-steps{flex-direction:column;gap:14px;margin:0 0 20px;padding:0;list-style:none;display:flex}.installguide-steps li{font-size:var(--fs-base);color:var(--p-slate-800);align-items:center;gap:12px;display:flex}.installguide-stepicon{border-radius:var(--radius-md);background:rgba(var(--glass-primary-rgb), .1);width:36px;height:36px;color:var(--glass-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.installguide-close{background:linear-gradient(135deg, var(--glass-primary) 0%, var(--glass-primary-soft) 100%);width:100%;color:var(--p-white);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);border-radius:var(--radius-lg);cursor:pointer;border:none;padding:12px}.reinstallmodal-overlay{z-index:800;background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reinstallmodal-card{background:var(--p-white);border-radius:var(--radius-xl);text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:340px;padding:28px 24px;display:flex}.reinstallmodal-icon{border-radius:var(--radius-lg);object-fit:contain;width:56px;height:56px;margin-bottom:10px}.reinstallmodal-successicon{width:56px;height:56px;color:var(--p-emerald-500);background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.reinstallmodal-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--p-slate-800)}.reinstallmodal-sub{font-size:var(--fs-sm);color:var(--muted);margin:8px 0 20px;line-height:1.5}.reinstallmodal-btn{background:linear-gradient(135deg, var(--glass-primary) 0%, var(--glass-primary-soft) 100%);width:100%;color:var(--p-white);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);border-radius:var(--radius-lg);cursor:pointer;border:none;padding:13px}.reinstallmodal-later{color:var(--muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:12px}.invite-invalid-banner{top:max(12px, env(safe-area-inset-top));z-index:1000;border-radius:var(--radius-md);background:var(--glass-danger-bg);color:var(--danger);font-size:var(--fs-base);box-shadow:var(--shadow-md,0 4px 16px #00000026);align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 14px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.invite-invalid-banner button{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.shoplocked-screen{background:var(--p-indigo-25);height:100vh;font-family:var(--font-body);flex-direction:column;display:flex}.shoplocked-header{background:var(--ink,var(--p-warm-900));padding:clamp(22px, 6.5vw, 28px) var(--sp-2xl) var(--sp-2xl);text-align:center;flex-shrink:0}.shoplocked-icon{font-size:calc(clamp(30px, 9vw, 38px) * var(--font-scale));margin-bottom:var(--sp-xs);line-height:1}.shoplocked-title{font-size:calc(clamp(19px, 5.5vw, 22px) * var(--font-scale));color:#fff;letter-spacing:-.02em;font-weight:900}.shoplocked-sub{font-size:var(--fs-md);color:#ffffffa6;margin-top:2px}.shoplocked-body{padding:clamp(18px, 5.5vw, 22px) var(--sp-2xl);align-items:center;gap:var(--sp-xl);background:var(--p-indigo-25);flex-direction:column;flex:1;display:flex;overflow-y:auto}.shoplocked-pricerow{background:var(--card,var(--p-warm-50));border-radius:var(--radius-xl);padding:var(--sp-lg) var(--sp-2xl);width:100%;box-shadow:var(--shadow-1);justify-content:space-between;align-items:center;display:flex}.shoplocked-pricelabel{font-size:var(--fs-md);color:var(--muted,var(--p-warm-500))}.shoplocked-pricevalue{font-size:var(--fs-2xl);color:var(--p-indigo-600);font-weight:900}.shoplocked-qrcard{border-radius:var(--radius-xl);padding:var(--sp-2xl);box-shadow:var(--shadow-1);background:#fff}.shoplocked-qrlabel{text-align:center;margin-top:var(--sp-2xs);font-size:var(--fs-sm);color:var(--p-denim-600);font-weight:700}.shoplocked-refbox{text-align:center}.shoplocked-reflabel{font-size:var(--fs-sm);color:var(--muted-2,var(--p-warm-400))}.shoplocked-refvalue{font-size:var(--fs-lg);color:var(--shop-ink);font-weight:800}.shoplocked-statusbox{border-radius:var(--radius-lg);padding:var(--sp-md) var(--sp-xl);align-items:center;gap:var(--sp-sm);justify-content:center;width:100%;display:flex}.shoplocked-statusbox.checking{background:#fff3e0}.shoplocked-statusbox.confirmed{background:#e0f0e6}.shoplocked-statusicon{font-size:var(--fs-lg);line-height:1}.shoplocked-statusicon.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shoplocked-statustext{font-size:var(--fs-md);font-weight:700}.shoplocked-statustext.checking{color:#b8740a}.shoplocked-statustext.confirmed{color:#1f6440}.shoplocked-footer{padding:var(--sp-lg) var(--sp-2xl) clamp(18px, 5.5vw, 22px);background:var(--card,var(--p-warm-50));border-top:2px solid var(--line,var(--p-warm-200));flex-shrink:0}.shoplocked-checkbtn{background:var(--ink,var(--p-warm-900));width:100%;font-size:var(--fs-xl);color:#fff;cursor:pointer;font-weight:800;font-family:var(--font-body);border:none;border-radius:18px;padding:clamp(17px,5vw,19px);transition:all .12s}.shoplocked-checkbtn:hover{background:var(--ink-soft,#3d2b1f)}.shoplocked-footnote{text-align:center;margin-top:var(--sp-sm);font-size:var(--fs-xs);color:var(--muted-2,var(--p-warm-400))}.shop-trial-banner{border:none;border-bottom:1.5px solid var(--line,var(--p-warm-200));padding:var(--sp-md) var(--sp-xl);align-items:center;gap:var(--sp-sm);cursor:default;text-align:left;width:100%;font-family:var(--font-body);flex-shrink:0;display:flex}.shop-trial-banner-icon{font-size:var(--fs-2xl);line-height:1}.shop-trial-banner-textwrap{flex:1;min-width:0}.shop-trial-banner-label{font-size:var(--fs-md);font-weight:800}.lockedtopbar{z-index:var(--z-overlay);align-items:center;gap:var(--sp-xs,8px);padding:10px var(--sp-lg,16px);background:var(--p-brick-50);color:var(--p-brick-700);font-size:var(--fs-sm,13px);flex-shrink:0;font-weight:600;display:flex;position:sticky;top:0}.lockedtopbar-icon{flex-shrink:0;display:flex}.lockedtopbar-text{flex:1;min-width:0}.lockedtopbar-btn{background:var(--p-brick-700);color:var(--p-white);font-size:var(--fs-sm,13px);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;padding:6px 14px;font-weight:700}.lockedtopbar-btn:hover{background:#9e2828}.billingsheet-overlay{z-index:900;padding:var(--sp-xl,20px);overscroll-behavior:contain;background:#1e173973;justify-content:center;align-items:center;animation:.18s ease-out billingsheet-fade;display:flex;position:fixed;inset:0}.billingsheet-panel{overscroll-behavior:contain;background:var(--glass-bg-base,var(--p-indigo-25));border-radius:var(--radius-lg,20px);width:100%;max-width:360px;max-height:90vh;box-shadow:0 20px 50px rgba(var(--glass-primary-rgb), .25);animation:.2s ease-out billingsheet-pop-in;position:relative;overflow-y:auto}.billingsheet-close{z-index:2;border:1px solid var(--glass-border);width:34px;height:34px;color:var(--glass-text-2);cursor:pointer;background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.billingsheet-close:hover{background:var(--p-white);color:var(--glass-text-1)}.billingsheet-pay{font-family:var(--font-body);flex-direction:column;display:flex}.billingsheet-header{text-align:left;padding:10px 48px 6px 20px}.billingsheet-title{font-family:var(--font-display);font-size:var(--fs-md,15px);color:var(--glass-text-1);letter-spacing:-.01em;font-weight:700}.billingsheet-sub{font-size:var(--fs-xs,11px);color:var(--glass-text-2);margin-top:1px;line-height:1.3}.billingsheet-body{flex-direction:column;gap:6px;padding:0 20px 8px;display:flex}.billingsheet-tierrow{gap:8px;display:flex}.billingsheet-tierbtn{border-radius:var(--radius-md,12px);border:1.5px solid var(--glass-border);cursor:pointer;font-size:var(--fs-sm,13px);color:var(--glass-text-1);background:#ffffffb3;flex-direction:column;flex:1;align-items:center;gap:2px;padding:5px 8px;font-weight:700;transition:all .15s;display:flex}.billingsheet-tierbtn.active{border-color:var(--glass-primary);background:var(--glass-accent-soft);color:var(--glass-primary);box-shadow:0 0 0 3px rgba(var(--glass-primary-rgb), .12)}.billingsheet-tierbtn:disabled{opacity:.6;cursor:not-allowed}.billingsheet-tierbadge{font-size:var(--fs-2xs);color:var(--glass-text-3);font-weight:500}.billingsheet-durationrow{gap:8px;display:flex}.billingsheet-durationbtn{border-radius:var(--radius-md,12px);border:1.5px solid var(--glass-border);cursor:pointer;background:#ffffffb3;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-height:46px;padding:5px 6px;transition:all .15s;display:flex}.billingsheet-durationbtn.active{border-color:var(--glass-primary);background:var(--glass-accent-soft);box-shadow:0 0 0 3px rgba(var(--glass-primary-rgb), .12)}.billingsheet-durationbtn:disabled{opacity:.6;cursor:not-allowed}.billingsheet-durationlabel{font-size:var(--fs-xs,12px);color:var(--glass-text-1);font-weight:700}.billingsheet-durationbtn.active .billingsheet-durationlabel{color:var(--glass-primary)}.billingsheet-durationprice{font-size:var(--fs-xs,11px);color:var(--glass-text-3);flex-direction:column;align-items:center;gap:1px;display:flex}.billingsheet-durationprice-original{color:var(--glass-text-4,var(--glass-text-3));opacity:.65;font-size:.8em;text-decoration:line-through}.billingsheet-pricelabel{font-size:var(--fs-xs,12px);color:var(--glass-text-3);margin-top:4px}.billingsheet-pricevalue{font-family:var(--font-display);font-size:var(--fs-xl,20px);color:var(--glass-primary);font-weight:700;line-height:1.1}.billingsheet-qrcard{border-radius:var(--radius-lg,16px);background:var(--p-white);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-sm);flex-direction:column;align-items:center;gap:3px;padding:8px;display:flex}.billingsheet-qrframe{flex-shrink:0;justify-content:center;align-items:center;width:168px;height:168px;display:flex}.billingsheet-qrframe img{max-width:100%;max-height:100%;display:block}.billingsheet-omiseqr{object-fit:contain;width:auto;max-width:168px;height:auto;max-height:168px}.billingsheet-qrlabel{font-size:var(--fs-sm,13px);color:var(--glass-text-2);font-weight:600}.billingsheet-saveqrbtn{border:1px solid var(--glass-border);color:var(--glass-primary);font-size:var(--fs-xs,12px);border-radius:var(--radius-full);cursor:pointer;background:#ffffffe6;align-items:center;gap:6px;margin-top:1px;padding:5px 14px;font-weight:600;display:flex}.billingsheet-saveqrbtn:hover{background:var(--glass-accent-soft)}.billingsheet-saveqrbtn:disabled{opacity:.55;cursor:not-allowed}.billingsheet-qrcard.loading img{opacity:.55;transition:opacity .15s}.billingsheet-refbox{border-radius:var(--radius-sm,10px);background:#fff9;justify-content:space-between;align-items:center;padding:5px 12px;display:flex}.billingsheet-reflabel{font-size:var(--fs-xs,12px);color:var(--glass-text-3)}.billingsheet-refvalue{font-size:var(--fs-xs,12px);color:var(--glass-text-2);font-family:monospace}.billingsheet-expirynote{font-size:var(--fs-xs,11px);color:var(--glass-text-3);text-align:center;margin-top:-2px}.billingsheet-statusbox{border-radius:var(--radius-md,12px);background:var(--glass-accent-soft);align-items:center;gap:10px;padding:12px 14px;display:flex}.billingsheet-statusbox.checking{background:var(--glass-accent-soft)}.billingsheet-statusbox.confirmed{background:#10b9811f}.billingsheet-statusbox.error{background:var(--glass-danger-bg)}.billingsheet-statustext{font-size:var(--fs-sm,13px);color:var(--glass-text-1);font-weight:600}.billingsheet-statusbox.confirmed .billingsheet-statustext,.billingsheet-statusbox.confirmed .billingsheet-statusicon{color:var(--p-emerald-600)}.billingsheet-statusbox.error .billingsheet-statustext{color:var(--glass-danger)}.billingsheet-statusicon{color:var(--glass-primary);flex-shrink:0;display:flex}.billingsheet-statusicon.spin svg{animation:1s linear infinite billingsheet-spin}.billingsheet-footer{padding:2px 20px calc(8px + env(safe-area-inset-bottom,0px))}.billingsheet-checkbtn{border-radius:var(--radius-md,12px);background:linear-gradient(135deg, var(--glass-primary) 0%, var(--glass-accent) 100%);width:100%;height:40px;color:var(--p-white);font-size:var(--fs-md,15px);cursor:pointer;border:none;font-weight:600}.billingsheet-checkbtn:disabled{opacity:.5;cursor:not-allowed}.billingsheet-footnote{text-align:center;font-size:var(--fs-xs,12px);color:var(--glass-text-3);margin-top:6px}.billingsheet-refund-link{text-align:center;padding:4px 20px calc(6px + env(safe-area-inset-bottom,0px));font-size:var(--fs-xs,12px);color:var(--glass-text-3);text-decoration:underline;display:block}.billingsheet-omisenote{border-radius:var(--radius-md,12px);background:var(--glass-accent-soft);min-height:48px;font-size:var(--fs-sm,13px);color:var(--glass-text-1);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:flex}.billingsheet-savetoast-overlay{z-index:950;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.billingsheet-savetoast{border-radius:var(--radius-lg,16px);background:#fff;flex-direction:column;align-items:center;gap:10px;padding:18px clamp(20px,6vw,26px);animation:.2s ease-out billingsheet-fadeUp;display:flex;box-shadow:0 10px 40px #0f172a40}.billingsheet-savetoast-icon{background:var(--p-emerald-500);border-radius:50%;justify-content:center;align-items:center;width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px);animation:.4s cubic-bezier(.34,1.56,.64,1) billingsheet-checkPop;display:flex;box-shadow:0 6px 20px #10b98159}.billingsheet-savetoast-icon svg{color:#fff;width:clamp(20px,5.5vw,22px);height:clamp(20px,5.5vw,22px)}.billingsheet-savetoast-text{font-size:var(--fs-md,15px);color:var(--glass-text-1,var(--p-slate-800));text-align:center;font-weight:700}@keyframes billingsheet-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes billingsheet-checkPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.billingcontact-screen.onboard-screen{border-radius:inherit;height:auto;min-height:0;max-height:calc(90vh - 40px);overflow:hidden}.billingsheet-skel-bar,.billingsheet-skel-box{border-radius:var(--radius-sm,8px);background:linear-gradient(90deg,#94a3b829 25%,#94a3b847 37%,#94a3b829 63%) 0 0/400% 100%;animation:1.4s infinite billingsheet-shimmer}.billingsheet-skel-duration{border-radius:var(--radius-md,12px);flex:1;height:46px}.billingsheet-skel-qr{border-radius:var(--radius-md,12px);width:168px;height:168px}.billingsheet-skel-pricelabel{width:110px;height:11px;margin-top:4px}.billingsheet-skel-pricevalue{width:70px;height:22px}.billingsheet-skel-qrlabel{width:60px;height:13px}.billingsheet-skel-reflabel{width:60px;height:12px}.billingsheet-skel-refvalue{width:70px;height:12px}.billingsheet-skel-footerbtn{border-radius:var(--radius-md,12px);width:100%;height:44px}@keyframes billingsheet-shimmer{0%{background-position:100%}to{background-position:0%}}@keyframes billingsheet-fade{0%{opacity:0}to{opacity:1}}@keyframes billingsheet-pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes billingsheet-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.billingsheet-overlay,.billingsheet-panel,.billingsheet-statusicon.spin svg{animation:none}.billingsheet-savetoast,.billingsheet-savetoast-icon{animation:none!important}.billingsheet-skel-bar,.billingsheet-skel-box{animation:none}}.reauthsheet-overlay{z-index:calc(var(--z-critical) + 50);padding:var(--sp-xl,20px);overscroll-behavior:contain;background:#1e173973;justify-content:center;align-items:center;animation:.18s ease-out reauthsheet-fade;display:flex;position:fixed;inset:0}.reauthsheet-panel{overscroll-behavior:contain;background:var(--glass-bg-base,var(--p-indigo-25));border-radius:var(--radius-lg,20px);width:100%;max-width:380px;max-height:90vh;box-shadow:0 20px 50px rgba(var(--glass-primary-rgb), .25);text-align:center;padding:28px 24px 24px;animation:.2s ease-out reauthsheet-pop-in;overflow-y:auto}.reauthsheet-icon{background:rgba(var(--glass-primary-rgb), .12);width:56px;height:56px;color:var(--primary,var(--p-indigo-500));border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.reauthsheet-title{font-size:var(--fs-lg,18px);color:var(--text-1,var(--p-slate-800));margin-bottom:8px;font-weight:700}.reauthsheet-body{font-size:var(--fs-sm,14px);color:var(--text-2,var(--p-slate-500));margin-bottom:18px;line-height:1.5}.reauthsheet-phone-step,.reauthsheet-otp-step{flex-direction:column;gap:12px;display:flex}.reauthsheet-phone-input{border-radius:var(--radius-md,12px);border:1px solid var(--border-glass,var(--p-cool-200));background:var(--p-white);width:100%;font-size:var(--fs-md,16px);text-align:center;box-sizing:border-box;padding:12px 16px}.reauthsheet-phone-input:focus{border-color:var(--primary,var(--p-indigo-500));outline:none}.reauthsheet-error{color:var(--p-red-500);font-size:var(--fs-sm,13px)}.reauthsheet-cta{border-radius:var(--radius-md,12px);background:linear-gradient(135deg, var(--primary,var(--p-indigo-500)) 0%, var(--accent,var(--p-violet-500)) 100%);width:100%;color:var(--p-white);font-size:var(--fs-md,15px);cursor:pointer;border:none;padding:13px;font-weight:700}.reauthsheet-cta:disabled{opacity:.6;cursor:not-allowed}.reauthsheet-resend{color:var(--text-2,var(--p-slate-500));font-size:var(--fs-sm,13px);cursor:pointer;background:0 0;border:none;padding:4px}.reauthsheet-resend:disabled{opacity:.5;cursor:default}@keyframes reauthsheet-fade{0%{opacity:0}to{opacity:1}}@keyframes reauthsheet-pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.reauthsheet-overlay,.reauthsheet-panel{animation-duration:.01ms!important}}.inappbanner{top:env(safe-area-inset-top,0px);z-index:var(--z-banner);background:var(--p-slate-800);color:var(--p-slate-100);align-items:center;gap:8px;padding:10px 14px;animation:.3s ease-out inappbannerDrop;display:flex;position:fixed;left:0;right:0}@media (prefers-reduced-motion:reduce){.inappbanner{animation:none}}@keyframes inappbannerDrop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.inappbanner-text{font-size:var(--fs-xs);flex:1;line-height:1.5}.inappbanner-close{width:24px;height:24px;color:var(--p-slate-300);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.updatebanner{top:calc(env(safe-area-inset-top,0px) + var(--sp-sm));z-index:var(--z-toast);align-items:center;gap:var(--sp-xs);width:max-content;max-width:calc(100vw - 2 * var(--sp-lg));padding:var(--sp-2xs) var(--sp-2xs) var(--sp-2xs) var(--sp-md);border-radius:var(--radius-full);background:var(--c-ink);color:var(--c-surface);box-shadow:var(--shadow-2);font-size:var(--fs-sm);animation:.25s ease-out updatebannerIn;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes updatebannerIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.updatebanner{animation:none}}.updatebanner-icon{flex-shrink:0;width:16px;height:16px}.updatebanner-text{white-space:nowrap;font-weight:500}.updatebanner-action{white-space:nowrap;min-height:32px;padding:0 var(--sp-md);border-radius:var(--radius-full);background:var(--glass-primary);color:var(--c-on-accent);font:inherit;cursor:pointer;border:none;flex-shrink:0;font-weight:600}.updatebanner-action:disabled{opacity:.7;cursor:default}.updatebanner-close{border-radius:var(--radius-full);width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.updatebanner-close svg{width:16px;height:16px}.updatebanner--static{animation:none;position:static;transform:none}.apperrorboundary-screen{background:var(--glass-bg-base);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.apperrorboundary-card{text-align:center;border-radius:var(--radius-xl);background:var(--p-white);border:1px solid var(--glass-border);width:100%;max-width:380px;box-shadow:var(--glass-shadow-md);flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.apperrorboundary-icon{width:48px;height:48px;color:var(--glass-danger);margin-bottom:4px}.apperrorboundary-title{font-size:var(--fs-lg);color:var(--glass-text-1);margin:0;font-weight:700}.apperrorboundary-desc{font-size:var(--fs-base);color:var(--glass-text-2);margin:0;line-height:1.6}.apperrorboundary-reload{border-radius:var(--radius-lg);background:var(--glass-primary);width:100%;color:var(--p-white);font-size:var(--fs-md);cursor:pointer;border:none;margin-top:8px;padding:12px 20px;font-weight:600}.apperrorboundary-reload:active{background:var(--glass-accent)}