@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{--surface: #fff9f1;--card: #ffffff;--ink: #2b2430;--muted: #8a7f87;--faint: #9a8c85;--faint-2: #b9ac9e;--border: #eadfd2;--border-strong: #e0d3c2;--hairline: #f0e4d6;--accent: #e4573d;--accent-hi: #ff9f8b;--teal: #157a70;--warn-bg: #fdf3e3;--warn-fg: #8a6a14;--font-display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--shadow-screen: 0 2px 12px rgba(43, 36, 48, .07);--shadow-dialog: 0 24px 60px rgba(43, 36, 48, .28)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--surface);font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100vh}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}.app{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.app>*{min-height:0}.app,.app button,.app input{font-size:15px}.caps{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint-2)}.brand-mark{display:inline-block;flex:none;border-radius:50%/46% 46% 54% 54%;background:radial-gradient(circle at 35% 28%,#fff,var(--accent-hi) 55%,var(--accent) 100%)}.fullnote{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;color:var(--faint);font-size:18px}.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:#fff;padding:14px 24px;border-radius:99px;font-size:15px;font-weight:600;box-shadow:var(--shadow-dialog);z-index:60}.attract{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;position:relative;text-align:center;overflow:hidden}.attract__balloon{position:absolute;border-radius:50%/46% 46% 54% 54%}.attract__mark{width:120px;height:142px;border-radius:50%/46% 46% 54% 54%;background:radial-gradient(circle at 35% 28%,var(--accent-hi),var(--accent) 75%)}.attract__title{font-family:var(--font-display);font-weight:600;font-size:clamp(38px,5vw,52px);line-height:1.05;letter-spacing:-.02em}.attract__paths{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.path-btn{display:inline-flex;align-items:center;gap:16px;padding:22px 44px 22px 34px;border-radius:99px;border:1.5px solid var(--border-strong);background:#fff;box-shadow:var(--shadow-screen);transition:transform .12s ease}.path-btn:active{transform:scale(.98)}.path-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 22px #e4573d52}.path-btn__label{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.path-btn__label b{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em}.path-btn__label small{font-size:13.5px;opacity:.85}.attract__hint{font-size:15px;color:var(--faint);max-width:520px}.browse{flex:1;display:flex;flex-direction:column;min-height:0}.topbar{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--hairline)}.brand{display:flex;align-items:center;gap:8px}.brand__name{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.02em;white-space:nowrap}.search-bar{flex:1;max-width:440px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;border:1.5px solid var(--border-strong);background:#fff;min-height:44px}.search-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:15px;color:var(--ink)}.search-input::placeholder{color:var(--faint-2)}.search-bar__clear{width:28px;height:28px;border-radius:99px;color:var(--faint);font-size:13px;flex:none}.spacer{flex:1}.btn-ghost-pill{padding:12px 20px;border-radius:99px;border:1.5px solid var(--border-strong);background:#fff;font-size:14px;font-weight:600;color:#6e6360;white-space:nowrap;min-height:44px}.btn-cart{padding:12px 22px;border-radius:99px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;white-space:nowrap;min-height:44px;transition:transform .12s ease}.btn-cart:active{transform:scale(.97)}.btn-cart:disabled{opacity:.5}.filters{display:flex;align-items:center;gap:8px;padding:14px 24px 0;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{padding:11px 20px;border-radius:99px;border:1.5px solid var(--border-strong);background:#fff;font-size:14px;color:#6e6360;white-space:nowrap;min-height:44px}.chip--active{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600}.browse__body{flex:1;display:flex;gap:0;min-height:0}.grid-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.grid-scroll::-webkit-scrollbar{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding:18px 24px 28px;align-content:start}.card{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.card:active{transform:scale(.98)}.card--selected{box-shadow:0 0 0 2.5px var(--accent),0 6px 18px #e4573d29}.card__art{height:118px;background:#fbefe0;display:flex;align-items:center;justify-content:center;gap:6px}.card__balloon{width:30px;height:36px;border-radius:50%/46% 46% 54% 54%}.card__body{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}.card__name{font-family:var(--font-display);font-weight:700;font-size:16px}.card__meta{font-size:12.5px;color:var(--faint)}.state-note{padding:40px 24px;text-align:center;color:var(--faint);font-size:15px}.detail-pane{width:380px;flex:none;border-left:1px solid var(--hairline);overflow-y:auto;scrollbar-width:none;background:var(--surface)}.detail-pane::-webkit-scrollbar{display:none}.detail-pane__empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;text-align:center;color:var(--faint)}.detail{display:flex;flex-direction:column;gap:14px;padding:20px 22px 28px}.detail__head{display:flex;align-items:center;justify-content:space-between}.detail__close{width:40px;height:40px;border-radius:99px;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--faint)}.detail__hero{position:relative;height:200px;border-radius:16px;background:#fbefe0;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail__hero img{height:100%;width:100%;object-fit:contain;padding:16px}.detail__zoom{position:absolute;right:10px;bottom:10px;padding:8px 14px;border-radius:99px;background:#2b2430bf;color:#fff;font-size:13px;font-weight:600}.detail__count{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:99px;background:#ffffffe6;font-size:12px;color:var(--muted)}.detail__title{font-family:var(--font-display);font-weight:700;font-size:21px}.detail__selected{font-size:14.5px;color:var(--muted);margin-top:-8px}.detail__selected b{color:var(--ink)}.detail__section{display:flex;flex-direction:column;gap:8px}.fam-list{display:flex;flex-direction:column;gap:10px}.fam-row{display:flex;align-items:flex-start;gap:10px}.fam-row__label{width:64px;flex:none;font-size:13px;color:var(--faint);padding-top:8px}.fam-row__dots{display:flex;flex-wrap:wrap;gap:4px}.swatch-dot{width:44px;height:44px;padding:6px;border-radius:99px;background-clip:content-box;border:none;flex:none}.swatch-dot--active{outline:3px solid var(--ink);outline-offset:-5px}.swatch-dot--off{opacity:.3}.pack-row{display:flex;gap:8px;flex-wrap:wrap}.pack{padding:12px 20px;border-radius:99px;border:1.5px solid var(--border-strong);font-size:14px;color:#6e6360;background:#fff;min-height:44px}.pack--active{background:var(--ink);border-color:var(--ink);color:var(--surface);font-weight:600}.pack--off{color:var(--faint-2);border-color:var(--hairline);opacity:.65}.stock{min-height:22px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:14px;font-weight:600}.stock--checking{color:var(--faint-2)}.stock--out{color:var(--muted);background:var(--hairline);padding:4px 12px;border-radius:99px}.stock--low{color:var(--warn-fg);background:var(--warn-bg);padding:4px 12px;border-radius:99px}.stock--in{color:var(--teal)}.qty-add{display:flex;gap:10px;align-items:center}.stepper{display:flex;align-items:center;border:1.5px solid var(--border-strong);border-radius:99px;background:#fff}.stepper button{padding:14px 18px;font-size:18px;min-height:52px}.stepper__val{font-size:16px;font-weight:700;min-width:26px;text-align:center}.btn-add{flex:1;text-align:center;padding:16px;border-radius:99px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;min-height:52px;transition:transform .12s ease}.btn-add:active{transform:scale(.98)}.btn-add:disabled{opacity:.5}.zoom{position:fixed;inset:0;background:#2b2430b3;display:flex;align-items:center;justify-content:center;padding:32px;z-index:70}.zoom__frame{position:relative;background:var(--surface);border-radius:20px;padding:28px;max-width:560px;max-height:80vh;display:flex;align-items:center;justify-content:center}.zoom__frame img{max-height:70vh;max-width:100%;object-fit:contain}.zoom__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:99px;border:1.5px solid var(--border-strong);background:var(--card);color:var(--faint)}.search{flex:1;display:flex;flex-direction:column;min-height:0}.search__bar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--hairline);font-size:17px}.search__value{flex:1;font-weight:600}.search__ph{color:var(--faint-2);font-weight:400}.search__cancel{color:var(--teal);font-weight:600;font-size:15px;padding:8px 12px}.search__results{flex:1;overflow-y:auto;scrollbar-width:none;padding:16px 24px;display:flex;flex-direction:column;gap:14px}.search__results::-webkit-scrollbar{display:none}.pop-row{display:flex;flex-wrap:wrap;gap:8px}.search__group{display:flex;flex-direction:column;gap:8px}.search__hit{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1.5px solid var(--border);background:#fff;text-align:left}.search__swatch{width:40px;height:40px;border-radius:50%/46% 46% 54% 54%;flex:none}.search__hit-main{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14.5px}.search__hit-sub{font-size:12.5px;color:var(--faint)}.search__hit-price{font-size:12.5px;color:var(--faint);white-space:nowrap}.osk{display:flex;flex-direction:column;gap:8px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#efe6d9;border-top:1px solid var(--hairline)}.osk__row{display:flex;justify-content:center;gap:6px}.osk__key{min-width:44px;height:52px;padding:0 12px;border-radius:10px;background:#fff;box-shadow:0 1px 2px #2b24302e;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center}.osk__key:active{background:var(--hairline)}.osk__key--wide{min-width:72px;font-size:15px}.osk__key--space{min-width:320px;font-size:15px;color:var(--muted)}.review,.lookup{flex:1;display:flex;flex-direction:column;padding:22px 28px calc(22px + env(safe-area-inset-bottom));gap:12px;overflow-y:auto;scrollbar-width:none;max-width:720px;width:100%;margin:0 auto}.review::-webkit-scrollbar,.lookup::-webkit-scrollbar{display:none}.review__title{font-family:var(--font-display);font-weight:600;font-size:26px;letter-spacing:-.02em}.review__list{display:flex;flex-direction:column}.line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--hairline)}.line__swatch{width:34px;height:42px;border-radius:50%/46% 46% 54% 54%;flex:none}.line__info{flex:1;display:flex;flex-direction:column;gap:2px}.line__name{font-size:14.5px;font-weight:500;flex:1}.line__meta{font-size:12.5px;color:var(--faint)}.line__price{font-size:14px;font-weight:700}.line__remove{width:40px;height:40px;border-radius:99px;color:var(--faint);font-size:15px;border:1.5px solid var(--border-strong)}.mini-stepper{display:flex;align-items:center;border:1.5px solid var(--border-strong);border-radius:99px;background:#fff}.mini-stepper button{padding:10px 14px;font-size:16px;min-height:44px}.mini-stepper__val{font-size:14px;font-weight:700;min-width:22px;text-align:center}.totals{display:flex;flex-direction:column;gap:4px;padding-top:6px}.totals__row{display:flex;justify-content:space-between;font-size:14.5px;color:var(--muted)}.totals__row--grand{font-size:20px;font-weight:800;color:var(--ink);padding-top:4px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;font-weight:700;color:var(--faint);letter-spacing:.06em}.field__input{padding:14px 16px;border-radius:12px;border:1.5px solid var(--border-strong);background:#fff;font-size:16px;font-weight:600;color:var(--ink);font-family:inherit;min-height:52px}.field__input:focus{outline:2px solid var(--ink);outline-offset:-1px}.field__error{font-size:13px;color:var(--accent);font-weight:600}.field__hint{font-size:12.5px;color:var(--faint)}.field__suggest{align-self:flex-start;font-size:13px;color:var(--teal);font-weight:600;text-decoration:underline}.pay-error{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#fdece8;border:1.5px solid #f3b8ae}.pay-error__msg{flex:1;font-size:13.5px;color:#a4331f;font-weight:600}.pay-error__staff{flex:none;padding:10px 16px;border-radius:99px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;min-height:44px}.btn-pay{text-align:center;padding:16px;border-radius:99px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;min-height:52px;transition:transform .12s ease}.btn-pay:active{transform:scale(.99)}.btn-pay:disabled{opacity:.5}.review__fallback{font-size:12.5px;color:var(--faint);text-align:center}.review__back{align-self:flex-start;font-size:15px;color:var(--teal);font-weight:600;min-height:44px}.error-note{font-size:13px;color:var(--accent);text-align:center;font-weight:600}.pay{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px;text-align:center}.reader{width:150px;height:104px;border-radius:14px;background:var(--ink);display:flex;align-items:flex-start;justify-content:center;padding-top:14px}.reader__amt{min-width:90px;padding:6px 12px;border-radius:6px;background:#4a4550;display:flex;align-items:center;justify-content:center;color:#9fe0d5;font-size:15px;font-weight:700}.pay__title{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.15;letter-spacing:-.02em}.pay__sub{font-size:14px;color:var(--faint)}.dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:99px;background:var(--hairline)}.dot--on{background:var(--accent)}.pay__cancel{font-size:14px;color:var(--teal);font-weight:600;min-height:44px}.success__check{width:60px;height:60px;border-radius:99px;background:var(--teal);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center}.success__title{font-family:var(--font-display);font-weight:600;font-size:28px;letter-spacing:-.02em}.ticket{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 34px;border-radius:16px;background:#fff;border:1.5px solid var(--border)}.ticket__label{font-size:11.5px;font-weight:700;color:var(--faint);letter-spacing:.06em}.ticket__num{font-family:var(--font-display);font-weight:800;font-size:40px}.success__body{font-size:14.5px;color:var(--muted);line-height:1.5}.success__reset{font-size:12px;color:var(--faint-2)}.lookup__fields{display:flex;flex-direction:column;gap:12px}.lookup__field{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--border-strong);background:#fff;text-align:left}.lookup__field--active{outline:2px solid var(--ink);outline-offset:-1px}.lookup__value{font-size:18px;font-weight:700;min-height:24px}.lookup__value em{font-weight:400;font-style:normal;color:var(--faint-2)}.lookup__result{display:flex;flex-direction:column;gap:16px;align-items:center}.lookup__order{display:flex;flex-direction:column;align-items:center;gap:2px}.lookup__items{width:100%;display:flex;flex-direction:column}.checkin-done{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.timeline{width:100%;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;border:1.5px solid var(--border);background:#fff}.timeline__row{display:flex;align-items:center;gap:10px}.timeline__dot{width:12px;height:12px;border-radius:99px;flex:none}.timeline__dot--done{background:var(--teal)}.timeline__dot--active{background:var(--seasonal-border, #e9b44c)}.timeline__dot--todo{border:1.5px solid var(--border-strong)}.timeline__label{font-size:14px;font-weight:600}.timeline__label--todo{color:var(--faint-2);font-weight:500}.idle{position:fixed;inset:0;background:#2b243073;display:flex;align-items:center;justify-content:center;padding:32px;z-index:80}.idle__card{background:var(--surface);border-radius:22px;box-shadow:var(--shadow-dialog);padding:32px;max-width:460px;display:flex;flex-direction:column;gap:14px;text-align:center}.idle__title{font-family:var(--font-display);font-weight:700;font-size:26px}.idle__body{font-size:15.5px;color:var(--muted);line-height:1.5}.idle__actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}@media(max-width:860px){.browse__body{flex-direction:column}.detail-pane{width:100%;border-left:none;border-top:1px solid var(--hairline);max-height:45%}}.cfgerr{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 32px;text-align:center;max-width:34rem;margin:0 auto}.cfgerr__badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--warn-bg);color:var(--warn-fg);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cfgerr__title{margin:0;font-size:1.6rem;line-height:1.25;color:var(--ink)}.cfgerr__body{margin:0;font-size:1rem;line-height:1.55;color:var(--ink)}.cfgerr__hint{margin:0;font-size:.9rem;line-height:1.5;color:var(--warn-fg)}.cfgerr__hint code{padding:2px 6px;border-radius:4px;background:var(--warn-bg);font-size:.85rem}.cfgerr__who{margin:0;font-size:.85rem;line-height:1.5;color:var(--faint)}