.screen{grid-template-rows:1fr auto;min-height:100dvh;display:grid}.screen__body{flex-direction:column;gap:28px;width:min(880px,100%);margin:0 auto;padding:36px 28px 22px;display:flex}.screen--wide .screen__body{width:min(1160px,100%)}.screen__head{flex-direction:column;gap:8px;display:flex}.screen__foot{border-top:1px solid var(--hairline);background:var(--surface);padding:18px 28px calc(18px + env(safe-area-inset-bottom));justify-content:flex-end;gap:14px;display:flex;position:sticky;bottom:0}.eyebrow{color:var(--muted);font-size:var(--font-label);letter-spacing:.16em;margin:0;font-weight:700}h1{color:var(--accent);font-size:var(--font-title);text-wrap:balance;margin:0;font-weight:800;line-height:1.3}h2{color:var(--accent);font-size:calc(var(--font-body) * 1.15);margin:0;font-weight:800;line-height:1.3}.subtitle,.muted{color:var(--text-sub);margin:0}.muted{color:var(--muted)}.label{color:var(--muted);font-size:var(--font-label);margin:0;font-weight:700}.section-title{border-bottom:1px solid var(--hairline);color:var(--muted);font-size:var(--font-body);margin:0;padding-bottom:11px;font-weight:700}.stack{flex-direction:column;gap:22px;display:flex}.split{grid-template-columns:1fr minmax(300px,380px);align-items:start;gap:28px;display:grid}.split__left,.split__right{flex-direction:column;gap:18px;display:flex}@media (width<=900px){.split{grid-template-columns:1fr}}.btn{min-height:var(--touch);border:1.5px solid var(--line);border-radius:var(--radius-btn);background:var(--surface);color:var(--text-sub);font-family:inherit;font-size:var(--font-body);transition:filter var(--dur-fast);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){background:var(--field-bg)}.btn--primary{background:var(--accent);color:var(--on-accent);border:0}.btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}.btn--ghost{color:var(--accent);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--sel-bg)}.btn--danger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-bg);filter:brightness(.97)}.btn--lg{min-height:calc(var(--touch) * 1.1);font-size:calc(var(--font-body) * 1.05);padding:0 36px}.btn:disabled{border-color:var(--line);background:var(--surface);color:var(--disabled-fg);cursor:default}.btn--primary:disabled,.btn--danger:disabled{background:var(--disabled-bg);color:var(--disabled-fg);border:0}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--text);font-size:var(--font-label);font-weight:700}.input{min-height:var(--touch);border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--font-body);-webkit-user-select:text;user-select:text;outline:none;padding:0 18px;font-weight:600}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted-soft);font-weight:500}.error-note{border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);margin:0;padding:14px 18px;font-weight:700;line-height:1.6}.pill{border-radius:var(--radius-pill);font-size:var(--font-label);white-space:nowrap;border:1px solid #0000;align-items:center;padding:5px 13px;font-weight:700;display:inline-flex}.pill--primary{background:var(--sel-bg);color:var(--accent)}.pill--warn{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}.pill--positive{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.pill--muted{border-color:var(--neutral-border);background:var(--neutral-bg);color:var(--muted)}.amount{color:var(--text);white-space:nowrap;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);font-weight:700}.amount--lg{color:var(--accent);font-size:calc(var(--font-title) * .95);font-weight:800}.amount__unit{color:var(--muted);margin-right:.35em;font-size:.62em;font-weight:500}.amount.is-bumping{opacity:.35;transform:translateY(-3px)}.codes{flex-wrap:wrap;align-items:baseline;gap:11px;display:flex}.codes__visit{border-radius:var(--radius-pill);background:var(--sel-bg);color:var(--accent);font-size:calc(var(--font-body) * 1.05);letter-spacing:.5px;padding:4px 13px;font-weight:700}.codes__bob{color:var(--muted);font-size:var(--font-label);font-weight:600}.k1{flex-direction:column;align-items:center;gap:26px;display:flex}.phone-display{color:var(--accent);font-size:calc(var(--font-title) * 1.15);gap:22px;font-weight:700;display:flex}.phone-display__group{gap:6px;display:flex}.phone-display__slot{border-bottom:2px solid var(--line);width:1ch;min-width:22px;color:var(--icon);text-align:center}.phone-display__slot.is-filled{border-bottom-color:var(--accent);color:var(--accent)}.keypad{grid-template-columns:repeat(3,1fr);gap:11px;width:min(430px,100%);display:grid}.keypad__key{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:80px;color:var(--text);font-family:var(--font-mono);font-size:calc(var(--font-title) * .9);cursor:pointer;font-weight:700}.keypad__key:active{border-color:var(--accent);background:var(--sel-bg);color:var(--accent)}.keypad__key--util{color:var(--muted);font-family:inherit;font-size:calc(var(--font-body) * 1.2);font-weight:700}.keypad__key--go{background:var(--accent);color:var(--on-accent);font-family:inherit;font-size:var(--font-body);transition:filter var(--dur-fast);border:0}.keypad__key--go:hover:not(:disabled){filter:brightness(1.12)}.keypad__key--go:disabled{background:var(--disabled-bg);color:var(--disabled-fg);cursor:default}.subject-grid,.menu-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.menu-grid--single{grid-template-columns:1fr;max-width:520px}.subject-card,.menu-card{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);min-height:140px;box-shadow:var(--shadow-card);text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:22px 26px 26px;display:flex}.subject-card:hover,.menu-card:hover:not(:disabled){border-color:var(--accent);background:var(--sel-bg)}.subject-card__name{color:var(--text);font-size:calc(var(--font-title) * .75);font-weight:700}.subject-card__phone{color:var(--muted);letter-spacing:.06em;font-weight:600}.menu-card--primary{border:1.5px solid var(--accent);background:var(--sel-bg)}.menu-card--primary .menu-card__title{color:var(--accent)}.menu-card__mark{color:var(--accent);font-size:calc(var(--font-body) * 1.4)}.menu-card__title{color:var(--text);font-size:calc(var(--font-title) * .72);font-weight:700}.menu-card__note{color:var(--muted);font-size:var(--font-label)}.card-list{flex-direction:column;gap:11px;display:flex}.card-list--muted{margin-top:18px}.appt{border:1.5px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;cursor:default;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:18px 22px;display:grid}.appt--muted{border-color:var(--hairline);background:var(--neutral-bg);box-shadow:none;color:var(--muted)}.appt.is-clickable{border-color:var(--accent);cursor:pointer}.appt.is-clickable:hover{background:var(--sel-bg)}.appt:disabled{cursor:default}.appt__time{color:var(--accent);font-size:calc(var(--font-title) * .8);font-weight:700}.appt--muted .appt__time{color:var(--muted)}.appt__main{flex-direction:column;gap:3px;min-width:0;display:flex}.appt__service{font-size:calc(var(--font-body) * 1.05);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.appt__staff,.appt__hint{color:var(--muted);font-size:var(--font-label)}.appt__hint{color:var(--warn);font-weight:700}.appt--muted .appt__hint{color:var(--muted)}.appt__side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.empty{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:11px;padding:36px 26px;display:flex}.empty__title{color:var(--accent);font-size:calc(var(--font-title) * .8);margin:0;font-weight:800}.empty__note{max-width:46ch;color:var(--muted);margin:0;line-height:1.7}.addon-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.addon{width:100%;min-height:var(--touch);border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:11px 18px;display:grid}.addon.is-on{border-color:var(--accent);background:var(--sel-bg)}.addon.is-on .addon__name,.addon.is-on .addon__price{color:var(--accent)}.addon__check{border:1.5px solid var(--icon);background:var(--surface);border-radius:7px;flex:none;width:26px;height:26px;position:relative}.addon.is-on .addon__check{border-color:var(--accent);background:var(--accent)}.addon.is-on .addon__check:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/62% no-repeat;position:absolute;inset:0}.addon__body{flex-direction:column;min-width:0;display:flex}.addon__name{color:var(--text);overflow-wrap:anywhere;font-weight:600}.addon__min{color:var(--muted);font-size:var(--font-label)}.addon__price{color:var(--text);font-weight:600}.bill{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card-lg);flex-direction:column;gap:18px;padding:22px 26px 26px;display:flex}.bill__head{border-bottom:1px solid var(--hairline);padding-bottom:14px}.bill__lines{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.bill__lines--deposit{border-top:1px solid var(--hairline);margin-top:14px;padding-top:14px}.bill__line{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.bill__line--addon .bill__name:before{content:"＋ ";color:var(--muted)}.bill__name{color:var(--text);overflow-wrap:anywhere;font-weight:600}.bill__staff{color:var(--muted);font-size:var(--font-label);font-style:normal;font-weight:500;display:block}.bill__value{color:var(--text);white-space:nowrap;font-weight:600}.bill__note{background:var(--field-bg);color:var(--muted);font-size:var(--font-label);border-radius:13px;margin:0;padding:11px 14px;line-height:1.65}.bill__total{border-top:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:18px;padding-top:18px;display:flex}.bill__line--discount{color:var(--ok)}.bill__line--discount .bill__value{color:var(--ok);font-weight:700}.seg{grid-auto-flow:column;gap:9px;display:grid}.seg__opt{min-height:var(--touch);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-family:inherit;font-size:var(--font-body);cursor:pointer;padding:0 18px;font-weight:700;line-height:1.35}.seg__opt:hover:not(.is-on){border-color:var(--accent)}.seg__opt.is-on{border-color:var(--accent);background:var(--sel-bg);color:var(--accent)}.carrier-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.carrier{min-height:var(--touch);border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;flex-direction:column;gap:3px;padding:11px 14px;display:flex}.carrier:hover:not(.is-on){border-color:var(--accent)}.carrier.is-on{border-color:var(--accent);background:var(--sel-bg)}.carrier.is-on .carrier__title{color:var(--accent)}.carrier__title{color:var(--text);font-size:var(--font-body);font-weight:600}.carrier__note{color:var(--muted);font-size:var(--font-label)}@media (width<=720px){.carrier-grid{grid-template-columns:1fr}}.paycode-layout{grid-template-columns:auto 1fr;justify-content:center;align-items:center;gap:36px;display:grid}.paycode-layout__qr{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);padding:18px;line-height:0}.qr{border-radius:4px;display:block}.qr--expired{background:repeating-linear-gradient(45deg, var(--hairline) 0 8px, transparent 8px 16px);width:260px;height:260px}.paycode-layout__side{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.paycode{color:var(--accent);font-size:calc(var(--font-title) * 1.5);letter-spacing:.14em;align-items:baseline;margin:0;font-weight:800;display:flex}.paycode__gap{width:.5em}.paycode.is-expired{color:var(--muted);letter-spacing:.2em}.paycode-layout__amount{flex-direction:column;gap:6px;display:flex}.ring{place-items:center;display:grid;position:relative}.ring svg{position:absolute;inset:0}.ring__track,.ring__value{fill:none;stroke-width:6px}.ring__track{stroke:var(--neutral-border)}.ring__value{stroke:var(--accent);stroke-linecap:butt;transition:none}.ring--urgent .ring__value{stroke:var(--warn)}.ring__label{color:var(--accent);font-size:calc(var(--font-title) * .78);font-weight:800}.ring--urgent .ring__label{color:var(--warn)}@media (width<=900px){.paycode-layout{grid-template-columns:1fr;justify-items:center}.paycode-layout__side{align-items:center}}.processing{flex-direction:column;align-items:center;gap:22px;padding:48px 0;display:flex}.spinner{color:var(--text-sub);align-items:center;gap:14px;margin:0;font-weight:600;display:flex}.spinner__dot{border:3px solid var(--neutral-border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite ink-spin}.done{flex-direction:column;align-items:center;gap:28px;padding:26px 0;display:flex}.done__check{box-shadow:var(--shadow-raised);border-radius:50%;line-height:0}.done__check.is-in{animation:ink-pop .35s var(--ease)}.done__check svg{overflow:visible}.done__ring{fill:var(--ok-bg);stroke:var(--ok-border);stroke-width:1.5px}.done__tick{fill:none;stroke:var(--ok);stroke-dasharray:34;stroke-dashoffset:34px;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5px}.done__check.is-in .done__tick{stroke-dashoffset:0;transition:stroke-dashoffset .5s var(--ease)}.done__info{opacity:0;flex-direction:column;align-items:center;gap:22px;width:min(460px,100%);display:flex;transform:translateY(14px)}.done__info.is-in{opacity:1;transition:opacity var(--dur-slow) var(--ease) .22s, transform var(--dur-slow) var(--ease) .22s;transform:none}.done__code{color:var(--accent);font-size:calc(var(--font-title) * 1.2);letter-spacing:.5px;margin:0;font-weight:800}.upsell{border:1.5px solid var(--accent);border-radius:var(--radius-card);background:var(--sel-bg);width:min(460px,100%);box-shadow:var(--shadow-card-lg);font:inherit;text-align:left;cursor:pointer;opacity:0;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 26px 24px;display:flex;transform:translateY(14px)}.upsell.is-in{opacity:1;transition:opacity var(--dur-slow) var(--ease) .48s, transform var(--dur-slow) var(--ease) .48s;transform:none}.upsell:hover{background:var(--surface)}.upsell__title{color:var(--accent);font-size:calc(var(--font-title) * .72);font-weight:800}.upsell__note{color:var(--text-sub);font-size:var(--font-label)}.upsell__cta{min-height:var(--touch);border-radius:var(--radius-btn);background:var(--accent);color:var(--on-accent);font-size:calc(var(--font-body) * 1.05);justify-content:center;align-self:stretch;align-items:center;margin-top:8px;font-weight:700;display:inline-flex}.upsell:hover .upsell__cta{filter:brightness(1.12)}.kv-list{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);grid-template-columns:auto 1fr;gap:13px 26px;width:100%;margin:0;padding:22px 0;display:grid}.kv-list dt{color:var(--muted);font-size:var(--font-label)}.kv-list dd{color:var(--text);text-align:right;margin:0;font-weight:600}.counter-code{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card-lg);text-align:center;padding:28px}.counter-code__value{color:var(--accent);font-size:calc(var(--font-title) * 1.4);letter-spacing:.5px;margin:14px 0 0;font-weight:800}.overlay{z-index:82;background:var(--scrim);place-items:center;padding:26px;display:grid;position:fixed;inset:0}.overlay__sheet{border-radius:var(--radius-modal);background:var(--surface);width:min(520px,100%);max-height:88dvh;box-shadow:var(--shadow-modal);flex-direction:column;gap:18px;padding:28px;display:flex;overflow:auto}.overlay__sheet--warn h2{color:var(--warn)}.overlay__sheet--danger h2{color:var(--danger)}.overlay__sheet--muted h2{color:var(--muted)}.overlay__sheet p{color:var(--text-sub);margin:0;line-height:1.7}.overlay__actions{flex-wrap:wrap;gap:11px;display:flex}.overlay__detail{border:1px solid var(--hairline);background:var(--field-bg);color:var(--text-sub);font-family:var(--font-mono);font-size:var(--font-label);-webkit-user-select:text;user-select:text;border-radius:13px;margin:0;padding:12px 13px;overflow-x:auto}.hours{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hours li{color:var(--text-sub);font-size:var(--font-label);justify-content:space-between;display:flex}.product-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.product{min-height:var(--touch);border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:14px 18px;display:grid}.product.is-blocked{border-color:var(--hairline);background:var(--neutral-bg);box-shadow:none;color:var(--muted)}.product__body{text-align:left;flex-direction:column;min-width:0;display:flex}.product__open{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:18px;padding:0;display:flex}.product__more{color:var(--accent);font-size:var(--font-label);text-underline-offset:3px;font-weight:700;text-decoration:underline}.product__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-img{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--sel-bg);object-fit:cover;flex:none}.product-img--sm{width:96px;height:96px}.product-img--lg{object-fit:contain;width:100%;max-height:320px}.product-img--empty{color:var(--icon-strong);place-items:center;font-size:40px;display:grid}.product-img--lg.product-img--empty{height:200px}.product__name{color:var(--text);overflow-wrap:anywhere;font-weight:700}.product__desc,.product__low,.product__blocked{color:var(--muted);font-size:var(--font-label)}.product__low{color:var(--danger-loud);font-weight:700}.product__blocked{color:var(--danger);font-weight:700}.product__price{color:var(--text);white-space:nowrap;font-weight:700}.product__stepper{flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.product__stepper--off{width:calc(var(--touch) * 2 + 22px + 2.5ch);display:inline-block}.stepper__btn{width:var(--touch);height:var(--touch);border:1.5px solid var(--line);background:var(--surface);color:var(--icon-strong);font-family:inherit;font-size:calc(var(--font-body) * 1.2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex}.stepper__btn:last-child{border-color:var(--accent);background:var(--accent);color:var(--on-accent);transition:filter var(--dur-fast)}.stepper__btn:last-child:hover:not(:disabled){filter:brightness(1.12)}.stepper__btn:disabled{cursor:default}.stepper__btn:first-child:disabled{border-color:var(--line);background:var(--surface);color:var(--disabled-fg)}.stepper__btn:first-child:not(:disabled){border-color:var(--accent);color:var(--accent)}.stepper__btn:last-child:disabled{border-color:var(--line);background:var(--sel-bg);color:var(--disabled-fg)}.stepper__qty{min-width:2.5ch;color:var(--accent);font-size:calc(var(--font-body) * 1.1);text-align:center;font-weight:700}.product-detail{text-align:left;flex-direction:column;gap:18px;max-height:88dvh;display:flex;overflow-y:auto}.product-detail__name{margin:0}.product-detail__price{color:var(--accent);font-size:calc(var(--font-body) * 1.6);margin:0;font-weight:800}.product-detail__desc{color:var(--text-sub);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.7}.product-detail__stock{color:var(--muted);font-size:var(--font-label);margin:0}.product__stepper--lg .stepper__btn{width:80px;height:80px;font-size:34px}.product__stepper--lg .stepper__qty{min-width:64px;font-size:34px}.abort{z-index:20;min-width:var(--touch);min-height:var(--touch);border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-card);color:var(--text-sub);font:inherit;cursor:pointer;padding:0 22px;font-weight:700;position:fixed;top:18px;right:18px}.abort:hover{background:var(--field-bg)}.source-note{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--field-bg);color:var(--text-sub);font-size:var(--font-body);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;display:flex}.source-note strong{color:var(--text-strong)}.source-note__change{border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;color:var(--accent);font-size:var(--font-label);padding:6px 16px;font-weight:700}.source-note__change:disabled{border-color:var(--disabled-bg);background:var(--disabled-bg);color:var(--disabled-fg);cursor:not-allowed}