.error-screen{z-index:300;justify-content:safe center;align-items:center;gap:var(--space-6);padding:calc(var(--safe-top) + var(--space-12)) calc(var(--safe-right) + var(--space-6)) calc(var(--safe-bottom) + var(--space-12)) calc(var(--safe-left) + var(--space-6));background:var(--hk-bg);text-align:center;animation:error-in .25s var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes error-in{0%{opacity:0}to{opacity:1}}.error-screen__icon{background:color-mix(in srgb, var(--hk-danger) 18%, transparent);width:96px;height:96px;color:var(--hk-danger);font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:56px;font-weight:700;line-height:1;display:grid}.error-screen__title{font-family:var(--font-serif);max-width:24ch;font-size:clamp(36px,5vw,52px);font-weight:700;line-height:1.1}.error-screen__sub{color:var(--hk-text-muted);max-width:42ch;font-size:22px}.error-screen__code{letter-spacing:1.6px;color:var(--hk-text-muted);background:var(--hk-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--hk-border);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.error-screen__cta{margin-top:var(--space-6);padding:0 var(--space-8);background:var(--hk-orange);height:88px;color:var(--hk-white);letter-spacing:1px;text-transform:uppercase;box-shadow:var(--shadow-md);border-radius:999px;font-size:22px;font-weight:700}.error-screen__cta:active{background:var(--hk-orange-dark);transform:scale(.97)}.error-screen__details{margin-top:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--radius);max-width:80ch;max-height:280px;color:var(--hk-danger);text-align:left;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}.geo-map{flex-direction:column;flex:1;gap:.5rem;width:100%;display:flex}.geo-map__stage{border-radius:var(--radius-lg);border:1px solid var(--hk-border);background:var(--hk-bg-alt);min-height:0;box-shadow:var(--shadow-sm);flex:1;position:relative;overflow:hidden}.geo-map__overlay{touch-action:none;cursor:grab;user-select:none;width:100%;height:100%;position:absolute;inset:0}.geo-map__overlay:active{cursor:grabbing}.geo-map__image{image-rendering:crisp-edges}.geo-map__shelf{fill:color-mix(in srgb, var(--hk-orange) 28%, transparent);stroke:var(--hk-orange);stroke-width:calc(4px * var(--geo-k,1));stroke-linejoin:round}.geo-map__route{fill:none;stroke:var(--hk-orange);stroke-width:calc(11px * var(--geo-k,1));stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:calc(26px * var(--geo-k,1)) calc(18px * var(--geo-k,1));animation:1.2s linear infinite geo-map-walk}.geo-map__dot{r:calc(15px * var(--geo-k,1));stroke:var(--hk-white);stroke-width:calc(4px * var(--geo-k,1))}.geo-map__halo{r:calc(15px * var(--geo-k,1));fill:none;animation:2s ease-out infinite geo-map-pulse}.geo-map__target .geo-map__dot{fill:var(--hk-orange)}.geo-map__target .geo-map__halo{stroke:var(--hk-orange);stroke-width:calc(5px * var(--geo-k,1))}.geo-map__you .geo-map__dot{fill:var(--hk-text)}.geo-map__you .geo-map__halo{stroke:var(--hk-text);stroke-width:calc(3px * var(--geo-k,1))}.geo-map__stop-dot{r:calc(22px * var(--geo-k,1));fill:var(--hk-orange);stroke:var(--hk-white);stroke-width:calc(4px * var(--geo-k,1))}.geo-map__stop-number{fill:var(--hk-white);font-family:var(--font-sans);font-size:calc(24px * var(--geo-k,1));text-anchor:middle;dominant-baseline:central;font-weight:700}.geo-map__end .geo-map__dot{fill:var(--hk-text)}.geo-map__end .geo-map__halo{display:none}.geo-map__end-label{fill:var(--hk-text);font-family:var(--font-sans);font-size:calc(26px * var(--geo-k,1));text-anchor:middle;paint-order:stroke;stroke:var(--hk-white);stroke-width:calc(6px * var(--geo-k,1));stroke-linejoin:round;transform:translateY(calc(-34px * var(--geo-k,1)));font-weight:700}.geo-map__footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.geo-map__legend{color:var(--hk-text-muted);margin:0;font-size:.95rem}.geo-map__controls{top:var(--space-4);right:var(--space-4);z-index:2;gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.geo-map__control{border:1px solid var(--hk-border);border-radius:var(--radius-md);background:var(--hk-white);width:64px;height:64px;color:var(--hk-text);box-shadow:var(--shadow-md);cursor:pointer;place-items:center;display:grid}.geo-map__control svg{width:28px;height:28px}.geo-map__control--here{margin-top:var(--space-2)}.geo-map__control:active{background:var(--hk-bg-alt);transform:scale(.96)}@keyframes geo-map-walk{to{stroke-dashoffset:calc(-44px * var(--geo-k,1))}}@keyframes geo-map-pulse{0%{r:calc(15px * var(--geo-k,1));opacity:.9}to{r:calc(52px * var(--geo-k,1));opacity:0}}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .geo-map__stage{flex:none;height:min(78vw,60svh)}:where(:root:not([data-surface=kiosk])) .geo-map__controls{top:var(--space-2);right:var(--space-2)}:where(:root:not([data-surface=kiosk])) .geo-map__control{width:44px;height:44px}:where(:root:not([data-surface=kiosk])) .geo-map__control svg{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.geo-map__route,.geo-map__halo{animation:none}.geo-map__halo{opacity:.35}}.kiosk-setup{z-index:110;background:var(--hk-bg);padding:var(--space-12);text-align:center;justify-content:safe center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.kiosk-setup__title{font-size:clamp(32px,4.2vw,48px);font-family:var(--font-serif);letter-spacing:-.02em;max-width:20ch;font-weight:700}.kiosk-setup__sub{color:var(--hk-text-muted);max-width:48ch;font-size:18px}.kiosk-setup__body{align-items:center;gap:var(--space-6);flex-direction:column;width:100%;min-height:0;display:flex}.kiosk-setup__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%;max-width:960px;display:grid}.kiosk-setup__card{align-items:flex-start;gap:var(--space-2);padding:var(--space-6);background:var(--hk-white);border:2px solid var(--hk-border);border-radius:var(--radius-lg);text-align:left;min-height:110px;transition:border-color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);flex-direction:column;display:flex}.kiosk-setup__card:hover,.kiosk-setup__card:focus-visible{border-color:var(--hk-orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kiosk-setup__card:active{transform:scale(.98)}.kiosk-setup__card-label{font-family:var(--font-serif);color:var(--hk-text);font-size:24px;font-weight:700}.kiosk-setup__card-code{color:var(--hk-text-muted);letter-spacing:.6px;font-variant-numeric:tabular-nums;font-size:14px}.kiosk-setup__plan{border-radius:var(--radius-lg);border:1px solid var(--hk-border);background:var(--hk-bg-alt);max-width:100%;height:min(62vh,700px);box-shadow:var(--shadow-sm);line-height:0;position:relative;overflow:hidden}.kiosk-setup__plan-image{object-fit:fill;width:100%;height:100%;image-rendering:crisp-edges;display:block}.kiosk-pin{width:var(--hit);height:var(--hit);background:0 0;border:none;place-items:center;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.kiosk-pin__dot{background:var(--hk-black);border:3px solid var(--hk-white);width:22px;height:22px;box-shadow:var(--shadow-md);transition:transform .2s var(--ease-out);border-radius:50%}.kiosk-pin:hover .kiosk-pin__dot,.kiosk-pin:focus-visible .kiosk-pin__dot{background:var(--hk-orange);transform:scale(1.25)}.kiosk-pin:active .kiosk-pin__dot{transform:scale(1.05)}.kiosk-pin__label{background:var(--hk-white);border:1px solid var(--hk-border);box-shadow:var(--shadow-xs);white-space:nowrap;color:var(--hk-text);border-radius:999px;padding:2px 10px;font-size:14px;font-weight:600;position:absolute;top:calc(50% + 14px);left:50%;transform:translate(-50%)}.kiosk-setup__note{color:var(--hk-text-muted);max-width:48ch;font-size:16px}.kiosk-setup__grid--stranded{max-width:640px}.kiosk-setup__button{min-height:var(--hit);padding:0 var(--space-8);background:var(--hk-black);color:var(--hk-white);border:2px solid var(--hk-black);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:999px;font-size:19px;font-weight:700}.kiosk-setup__button:hover,.kiosk-setup__button:focus-visible{box-shadow:var(--shadow-md)}.kiosk-setup__button:active{transform:scale(.98)}.kiosk-setup__button--quiet{background:var(--hk-white);color:var(--hk-text);border-color:var(--hk-border)}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .kiosk-setup{padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--space-4));gap:var(--space-4);overscroll-behavior:contain}:where(:root:not([data-surface=kiosk])) .kiosk-setup__title{font-size:clamp(24px,7vw,32px)}:where(:root:not([data-surface=kiosk])) .kiosk-setup__sub{font-size:15px}:where(:root:not([data-surface=kiosk])) .kiosk-setup__grid{grid-template-columns:1fr}:where(:root:not([data-surface=kiosk])) .kiosk-setup__plan{height:min(56vh,320px)}:where(:root:not([data-surface=kiosk])) .kiosk-setup__button{width:100%;font-size:17px}}.still-there{inset-inline:0;z-index:300;justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6) calc(var(--safe-bottom) + var(--space-5));background:var(--hk-black);color:var(--hk-white);box-shadow:var(--shadow-lg);animation:still-there-in .25s var(--ease-out);display:flex;position:fixed;bottom:0}.still-there__text{margin:0;font-size:20px;font-weight:600}.still-there__btn{min-height:64px;padding:0 var(--space-8);background:var(--hk-white);color:var(--hk-black);cursor:pointer;border:0;border-radius:999px;font-size:20px;font-weight:700}@keyframes still-there-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.still-there{animation:none}}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .still-there{gap:var(--space-3);padding:var(--space-4) var(--space-4) calc(var(--safe-bottom) + var(--space-4));flex-direction:column}:where(:root:not([data-surface=kiosk])) .still-there__text{text-align:center;font-size:16px}:where(:root:not([data-surface=kiosk])) .still-there__btn{min-height:var(--hit);width:100%}}.toast-host{bottom:calc(var(--safe-bottom) + var(--space-8));z-index:200;gap:var(--space-3);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--hk-black);min-width:320px;max-width:640px;color:var(--hk-white);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .3s var(--ease-out);border-radius:999px;font-size:18px;font-weight:600;display:inline-flex}.toast--success{background:var(--hk-success)}.toast--warning{background:var(--hk-orange-dark)}.toast--error{background:var(--hk-danger)}.toast__icon{background:#ffffff2e;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;font-weight:700;display:grid}.toast__message{flex:1}.toast--leaving{animation:toast-out .25s var(--ease-in-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(12px)}}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .toast-host{left:var(--space-3);right:var(--space-3);transform:none}:where(:root:not([data-surface=kiosk])) .toast{width:100%;min-width:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:16px}}.lang-switcher{display:inline-flex;position:relative}.lang-switcher__trigger{align-items:center;gap:var(--space-3);height:var(--hit);padding:0 var(--space-5);background:var(--hk-white);border:1px solid var(--hk-border);box-shadow:var(--shadow-xs);letter-spacing:.3px;color:var(--hk-text);transition:background .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:999px;font-size:17px;font-weight:600;display:inline-flex}.lang-switcher__trigger:after{content:"▾";color:var(--hk-text-muted);font-size:13px;line-height:1}.lang-switcher__trigger:hover,.lang-switcher__trigger:focus-visible{background:var(--hk-peach-light);border-color:var(--hk-peach)}.lang-switcher__trigger:active{transform:scale(.97)}.lang-switcher__trigger .lang-switcher__short{display:none}.flag{border-radius:2px;flex-shrink:0;width:24px;height:18px;display:block;box-shadow:0 0 0 1px #0000001f}.lang-switcher__flag{display:inline-flex}.lang-switcher__options{top:calc(100% + var(--space-2));z-index:50;min-width:240px;padding:var(--space-2);background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:none;position:absolute;right:0}.lang-switcher--open .lang-switcher__options{display:flex}.lang-switcher__options button{justify-content:flex-start;align-items:center;gap:var(--space-3);width:100%;min-width:0;height:var(--hit);padding:0 var(--space-4);border-radius:var(--radius);color:var(--hk-text);text-align:left;transition:background .12s var(--ease-out);font-size:18px;font-weight:600;display:flex}.lang-switcher__options button:hover,.lang-switcher__options button:focus-visible{background:var(--hk-bg)}.lang-switcher__options button[aria-current=true]{background:var(--hk-peach-light)}.lang-switcher__options .lang-switcher__label{margin-right:auto}.lang-switcher__options .lang-switcher__short{letter-spacing:1px;color:var(--hk-text-muted);font-size:13px;font-weight:700}.lang-switcher__options button[aria-current=true] .lang-switcher__short{color:var(--hk-orange)}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .lang-switcher__trigger{gap:var(--space-2);padding:0 var(--space-4);letter-spacing:.5px;font-size:15px;font-weight:700}:where(:root:not([data-surface=kiosk])) .lang-switcher__trigger .lang-switcher__short{display:inline}:where(:root:not([data-surface=kiosk])) .lang-switcher__trigger .lang-switcher__label{display:none}:where(:root:not([data-surface=kiosk])) .lang-switcher__options{min-width:200px}:where(:root:not([data-surface=kiosk])) .lang-switcher__options button{font-size:16px}}.idle{background:var(--hk-bg);cursor:pointer;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.idle__header{top:var(--space-6);left:var(--space-8);right:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);z-index:2;display:flex;position:absolute}.idle__store{color:var(--hk-text-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:15px}.idle__store strong{color:var(--hk-text);margin-left:var(--space-2);font-weight:700}.idle__center{padding:var(--space-12) var(--space-8) 0;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,2.6vh,32px);display:flex}.idle__brand{font-family:var(--font-serif);color:var(--hk-orange);letter-spacing:2px;text-transform:lowercase;font-size:clamp(32px,4vh,44px);font-weight:700}.idle__welcome{font-family:var(--font-serif);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(26px,min(10.5vh,7vw),116px);font-weight:700;line-height:1.02}.idle__welcome .accent{color:var(--hk-orange)}.idle__sub{color:var(--hk-text-muted);max-width:44ch;font-size:clamp(20px,2.6vh,28px)}.idle__steps{counter-reset:step;gap:clamp(16px,3vw,56px);margin-top:clamp(8px,1.6vh,20px);list-style:none;display:flex}.idle__step{counter-increment:step;align-items:center;gap:var(--space-3);color:var(--hk-text);font-size:clamp(16px,2vh,21px);font-weight:600;display:flex}.idle__step:before{content:counter(step);background:var(--hk-peach);width:clamp(36px,4.4vh,48px);height:clamp(36px,4.4vh,48px);color:var(--hk-text);font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:clamp(18px,2.2vh,24px);font-weight:700;display:grid}.idle__tap{background:var(--hk-black);height:clamp(72px,9vh,96px);color:var(--hk-white);letter-spacing:1px;text-transform:uppercase;box-shadow:var(--shadow-md);animation:idle-pulse 2.4s var(--ease-in-out) infinite;border-radius:999px;align-items:center;margin-top:clamp(12px,2.4vh,28px);padding:0 clamp(40px,4vw,64px);font-size:clamp(19px,2.4vh,26px);font-weight:700;display:inline-flex}@keyframes idle-pulse{0%,to{box-shadow:var(--shadow-md);transform:scale(1)}50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--hk-orange) 14%, transparent), var(--shadow-lg);transform:scale(1.05)}}.idle__ticker{background:var(--hk-black);white-space:nowrap;flex-shrink:0;padding:clamp(18px,3vh,32px) 0;overflow:hidden}.idle__ticker-track{will-change:transform;align-items:center;gap:clamp(24px,2.6vw,48px);padding-right:clamp(24px,2.6vw,48px);animation:60s linear infinite ticker-scroll;display:inline-flex}.idle__ticker-item{font-family:var(--font-serif);color:var(--hk-peach);letter-spacing:.5px;font-size:clamp(22px,3vh,32px);font-weight:600}.idle__ticker-dot{color:var(--hk-orange);font-size:clamp(18px,2.4vh,26px)}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.idle__ticker-track,.idle__tap{animation:none}}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .idle{flex:none;overflow:visible}:where(:root:not([data-surface=kiosk])) .idle__header{gap:var(--space-3);padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) 0 calc(var(--safe-left) + var(--space-4));flex-wrap:wrap;position:static}:where(:root:not([data-surface=kiosk])) .idle__center{justify-content:safe center;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-8)}:where(:root:not([data-surface=kiosk])) .idle__brand{font-size:clamp(24px,7vw,34px)}:where(:root:not([data-surface=kiosk])) .idle__welcome{font-size:clamp(22px,7vw,56px)}:where(:root:not([data-surface=kiosk])) .idle__sub{font-size:clamp(16px,4.4vw,20px)}:where(:root:not([data-surface=kiosk])) .idle__steps{justify-content:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-2);flex-wrap:wrap}:where(:root:not([data-surface=kiosk])) .idle__step{font-size:15px}:where(:root:not([data-surface=kiosk])) .idle__step:before{flex-shrink:0;width:32px;height:32px;font-size:16px}:where(:root:not([data-surface=kiosk])) .idle__tap{height:56px;padding:0 var(--space-8);margin-top:var(--space-4);max-width:calc(100% - var(--space-4));font-size:16px;animation:none}:where(:root:not([data-surface=kiosk])) .idle__ticker{padding:var(--space-4) 0 calc(var(--safe-bottom) + var(--space-4))}:where(:root:not([data-surface=kiosk])) .idle__ticker-item{font-size:18px}:where(:root:not([data-surface=kiosk])) .idle__ticker-dot{font-size:15px}}.qr-card{right:var(--space-4);bottom:var(--space-4);z-index:2;position:absolute}.qr-card__button{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;flex-direction:column;display:flex}.qr-card__button:active{transform:scale(.98)}.qr-card__frame{width:220px;height:220px;display:block}.qr-card__symbol{width:100%;height:100%}.qr-card__caption{text-align:center;max-width:220px;color:var(--hk-text);font-size:15px;font-weight:600;line-height:1.25}.qr-card--inline{flex:none;position:static}.qr-card--inline .qr-card__frame{width:110px;height:110px}.qr-card--inline .qr-card__caption{width:calc(var(--caption-ch,18) * 1ch);text-align:left;max-width:none}.qr-card--inline .qr-card__button{gap:var(--space-3);padding:var(--space-2);box-shadow:none;flex-direction:row-reverse}.qr-big{z-index:300;padding:var(--space-6);background:#1a1a1ab8;place-items:center;display:grid;position:fixed;inset:0}.qr-big__panel{align-items:center;gap:var(--space-4);padding:var(--space-8);background:var(--hk-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.qr-big__title{font-family:var(--font-serif);font-size:clamp(24px,3vh,32px);font-weight:700}.qr-big__frame{width:min(52vh,460px);height:min(52vh,460px)}.qr-big__symbol{width:100%;height:100%}.qr-big__hint{text-align:center;max-width:34ch;color:var(--hk-text-muted);font-size:18px}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .qr-card{display:none}:where(:root:not([data-surface=kiosk])) .qr-big__frame{width:min(70vw,320px);height:min(70vw,320px)}}.list{background:var(--hk-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.list__header{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);display:flex}.list__back,.list__clear{align-items:center;gap:var(--space-3);padding:0 var(--space-6);border:2px solid var(--hk-border);background:var(--hk-white);height:72px;color:var(--hk-text);box-shadow:var(--shadow-xs);border-radius:999px;font-size:20px;font-weight:600;display:inline-flex}.list__back:before{content:"←";font-size:28px}.list__back:active,.list__clear:active{transform:scale(.96)}.list__top{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.list__title{min-width:0;font-family:var(--font-serif);color:var(--hk-text);flex:1;font-size:clamp(28px,3.8vh,42px);font-weight:700;line-height:1.1}.list__total{flex:none}.list__total[hidden]{display:none}.list__grid{gap:var(--space-6);padding:0 var(--space-8) var(--space-8);flex:1;grid-template-columns:1fr;min-height:0;display:grid}@media (width>=1100px){.list__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.list__panel{gap:var(--space-4);padding:var(--space-8);background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex}.list__rows{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.list__foot{padding-top:var(--space-4);border-top:1px solid var(--hk-border);justify-content:center;display:flex}.list__row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--hk-border);grid-template-columns:auto 1fr auto auto;display:grid}.list__row:last-child{border-bottom:none}.list__number{background:var(--hk-orange);width:44px;height:44px;color:var(--hk-white);border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid}.list__number:empty{background:var(--hk-grey)}.list__name{color:var(--hk-text);font-size:20px;font-weight:600}.list__remove,.list__tick{width:var(--hit);height:var(--hit);border:2px solid var(--hk-border);background:var(--hk-white);color:var(--hk-text);border-radius:50%;font-size:28px;line-height:1}.list__remove:active,.list__tick:active{transform:scale(.94)}.list__row--ticked .list__name{color:var(--hk-text-muted);text-decoration:line-through}.list__row--ticked .list__number{background:var(--hk-text-muted)}.list__tick[aria-pressed=true]{background:var(--hk-orange);border-color:var(--hk-orange);color:var(--hk-white)}.list__map-wrap{gap:var(--space-3);padding:var(--space-8);background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex}.list__map-head{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.list__map-heading{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.list__map-eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--hk-orange);font-size:14px;font-weight:700}.list__map-title{font-family:var(--font-serif);font-size:clamp(26px,3.4vh,36px);font-weight:700}.list__map-slot{flex-direction:column;flex:1;min-height:0;display:flex}.list__map-unavailable{color:var(--hk-text-muted);text-align:center;margin:auto;font-size:19px}.list__done{margin:0 var(--space-8) var(--space-6);color:var(--hk-text);font-size:20px;font-weight:600}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .list{overflow:visible}:where(:root:not([data-surface=kiosk])) .list__header{padding:var(--space-4);flex-wrap:wrap}:where(:root:not([data-surface=kiosk])) .list__title{font-size:26px}:where(:root:not([data-surface=kiosk])) .list__map-title{font-size:22px}:where(:root:not([data-surface=kiosk])) .list__back,:where(:root:not([data-surface=kiosk])) .list__clear{height:var(--hit);font-size:16px}:where(:root:not([data-surface=kiosk])) .list__grid{padding:0 var(--space-4) var(--space-4)}:where(:root:not([data-surface=kiosk])) .list__map-wrap{padding:var(--space-4);order:-1}:where(:root:not([data-surface=kiosk])) .list__panel{padding:var(--space-4)}:where(:root:not([data-surface=kiosk])) .list__name{font-size:17px}:where(:root:not([data-surface=kiosk])) .list__number{width:36px;height:36px;font-size:17px}}.list-button{align-items:center;gap:var(--space-3);padding:0 var(--space-6);background:var(--hk-orange);height:72px;color:var(--hk-white);box-shadow:var(--shadow-sm);border:none;border-radius:999px;margin-left:auto;font-size:20px;font-weight:700;display:inline-flex}.list-button:before{content:"☰";font-size:24px}.list-button[hidden]{display:none}.list-button:active{transform:scale(.96)}.store-map{background:var(--hk-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--hk-border);width:100%;height:100%;box-shadow:var(--shadow-sm);display:block}.store-map__wall{fill:none;stroke:var(--hk-grey-dark);stroke-width:2px;rx:8px}.store-map__shelf{fill:var(--hk-white);stroke:var(--hk-grey-dark);stroke-width:1.5px;rx:4px}.store-map__shelf-label{fill:var(--hk-text-muted);font-family:var(--font-sans);text-anchor:middle;dominant-baseline:middle;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.store-map__entrance{fill:color-mix(in srgb, var(--hk-success) 18%, transparent);stroke:var(--hk-success);stroke-width:1.5px;rx:4px}.store-map__checkout{fill:color-mix(in srgb, var(--hk-orange) 14%, transparent);stroke:var(--hk-orange);stroke-width:1.5px;stroke-dasharray:4 3;rx:4px}.store-map__area-label{fill:var(--hk-text);font-family:var(--font-sans);text-anchor:middle;dominant-baseline:middle;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.store-map__you{fill:var(--hk-black);stroke:var(--hk-white);stroke-width:3px}.store-map__path{fill:none;stroke:var(--hk-orange);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 6;animation:1.4s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-32px}}@media (prefers-reduced-motion:reduce){.store-map__path{animation:none}}.store-map__target-pulse{fill:var(--hk-orange);opacity:.35;transform-origin:50%;transform-box:fill-box;animation:pulse-ring 1.4s var(--ease-in-out) infinite}@keyframes pulse-ring{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.store-map__target{fill:var(--hk-orange);stroke:var(--hk-white);stroke-width:3px}.store-map__legend{gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--radius);color:var(--hk-text-muted);flex-wrap:wrap;font-size:14px;display:flex}.store-map__legend-item{align-items:center;gap:var(--space-2);display:inline-flex}.store-map__legend-dot{border-radius:50%;width:14px;height:14px;display:inline-block}.store-map__legend-dot--you{background:var(--hk-black)}.store-map__legend-dot--product{background:var(--hk-orange)}.store-map__legend-dot--path{background:var(--hk-orange);border-radius:2px;width:24px;height:4px}.store-map__placeholder{height:100%;padding:var(--space-8);text-align:center;color:var(--hk-text-muted);place-items:center;font-size:18px;display:grid}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .store-map__shelf-label{display:none}:where(:root:not([data-surface=kiosk])) .store-map__area-label{font-size:26px}:where(:root:not([data-surface=kiosk])) .store-map__wall{stroke-width:5px}:where(:root:not([data-surface=kiosk])) .store-map__shelf{stroke-width:3px}:where(:root:not([data-surface=kiosk])) .store-map__path{stroke-width:9px}:where(:root:not([data-surface=kiosk])) .store-map__you,:where(:root:not([data-surface=kiosk])) .store-map__target{stroke-width:6px}:where(:root:not([data-surface=kiosk])) .store-map__legend{justify-content:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;font-size:13px}}.product{background:var(--hk-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.product__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);display:flex}.product__back{align-items:center;gap:var(--space-3);padding:0 var(--space-6);border:2px solid var(--hk-border);background:var(--hk-white);height:72px;color:var(--hk-text);box-shadow:var(--shadow-xs);border-radius:999px;font-size:20px;font-weight:600;display:inline-flex}.product__back:before{content:"←";font-size:28px}.product__back:hover,.product__back:focus-visible{background:var(--hk-peach-light);border-color:var(--hk-peach)}.product__back:active{transform:scale(.96)}.product__grid{gap:var(--space-6);padding:0 var(--space-8) var(--space-8);flex:1;grid-template-columns:1fr;min-height:0;display:grid}@media (width>=1100px){.product__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.product__info{gap:var(--space-4);padding:var(--space-8);background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.product__eyebrow{letter-spacing:1px;color:var(--hk-orange);text-transform:uppercase;font-size:14px;font-weight:700}.product__name{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--hk-text);font-size:clamp(28px,3.8vh,42px);font-weight:700;line-height:1.1}.product__top{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.product__heading{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.product__price,.product__no-price{flex:none}.product__list-add{align-items:center;gap:var(--space-3);padding:0 var(--space-6);border:2px solid var(--hk-orange);background:var(--hk-white);height:72px;color:var(--hk-orange);border-radius:999px;font-size:20px;font-weight:700;display:inline-flex}.product__list-add--in{background:var(--hk-orange);color:var(--hk-white)}.product__list-add:active{transform:scale(.96)}.product__no-price{color:var(--hk-text-muted);font-size:17px}.product__image-wrap{flex:1 1 0;justify-content:center;align-items:center;min-height:160px;margin:0;display:flex;overflow:hidden}.product__image{object-fit:contain;max-width:100%;max-height:min(100%,380px)}.product__foot{justify-content:center;align-items:center;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--hk-border);margin-top:auto;display:flex}.product__foot:empty{display:none}.product__description{color:var(--hk-text);font-size:17px;line-height:1.5}.product__barcode{letter-spacing:1.5px;color:var(--hk-text-muted);font-variant-numeric:tabular-nums;font-size:13px}.product__map-head{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.product__map-heading{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.product__map-wrap{gap:var(--space-3);padding:var(--space-8);background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex}.product__map-eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--hk-orange);font-size:14px;font-weight:700}.product__map-title{font-family:var(--font-serif);font-size:clamp(26px,3.4vh,36px);font-weight:700}.product__map-shelf{color:var(--hk-text);font-size:17px;font-weight:600}.product__map-unavailable{place-content:center;gap:var(--space-4);text-align:center;padding:var(--space-8);color:var(--hk-text-muted);flex:1;max-width:44ch;margin:0 auto;font-size:19px;line-height:1.5;display:grid}.product__map-store-note{letter-spacing:.02em;color:var(--hk-text-muted);opacity:.75;font-size:15px}.product__map-slot{flex-direction:column;flex:1;min-width:0;min-height:320px;display:flex;position:relative}.product__map-skeleton,.product__skeleton-block{background:linear-gradient(90deg, var(--hk-grey) 25%, var(--hk-peach-light) 50%, var(--hk-grey) 75%);background-size:200% 100%;animation:1.4s linear infinite product-shimmer}.product__map-skeleton{z-index:1;border-radius:var(--radius-lg);position:absolute;inset:0}.product__info-skeleton{gap:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex}.product__skeleton-block{border-radius:var(--radius-sm)}.product__skeleton-block--eyebrow{width:40%;height:16px}.product__skeleton-block--name{width:85%;height:44px}.product__skeleton-block--price{width:45%;height:64px}.product__skeleton-block--image{border-radius:var(--radius-lg);flex:1;min-height:160px}@keyframes product-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.product__map-skeleton,.product__skeleton-block{animation:none}}.product__qs-wrap{border-radius:var(--radius-lg);border:1px solid var(--hk-border);background:var(--hk-white);flex:1;min-height:320px;position:relative;overflow:hidden}.product__qs-map{border:none;width:calc(100% + 48px);height:calc(100% + 124px);display:block;position:absolute;top:-24px;left:-24px}.product__error{color:var(--hk-text-muted);text-align:center;padding:var(--space-8);flex:1;place-content:center;font-size:20px;display:grid}.product__loading{color:var(--hk-text-muted);flex:1;place-content:center;font-size:48px;display:grid}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .product{flex:none;overflow:visible}:where(:root:not([data-surface=kiosk])) .product__header{padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) var(--space-2) calc(var(--safe-left) + var(--space-4));z-index:3;background:var(--hk-bg);position:sticky;top:0}:where(:root:not([data-surface=kiosk])) .product__back{height:56px;font-size:17px}:where(:root:not([data-surface=kiosk])) .product__grid{gap:var(--space-4);padding:0 calc(var(--safe-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-6)) calc(var(--safe-left) + var(--space-4));flex:none}:where(:root:not([data-surface=kiosk])) .product__info,:where(:root:not([data-surface=kiosk])) .product__map-wrap{padding:var(--space-4);overflow:visible}:where(:root:not([data-surface=kiosk])) .product__name{font-size:clamp(24px,6.5vw,32px)}:where(:root:not([data-surface=kiosk])) .product__top{align-items:flex-start;gap:var(--space-4);flex-direction:column}:where(:root:not([data-surface=kiosk])) .product__image-wrap{flex:none;min-height:0}:where(:root:not([data-surface=kiosk])) .product__image{max-height:220px}:where(:root:not([data-surface=kiosk])) .product__map-title{font-size:22px}:where(:root:not([data-surface=kiosk])) .product__qs-wrap{flex:none;height:min(400px,62svh);min-height:0}:where(:root:not([data-surface=kiosk])) .product__map-slot{min-height:0}:where(:root:not([data-surface=kiosk])) .product__map-unavailable{padding:var(--space-6) var(--space-2);font-size:17px}}@media (width>=761px) and (width<=1099px) and (height>=701px){.product{overflow-y:auto}.product__grid{flex:none}.product__qs-wrap,.product__map-slot{min-height:420px}}.easter-egg{z-index:300;backdrop-filter:blur(6px);animation:egg-fade-in .35s var(--ease-out);cursor:pointer;background:#1a1a1ab8;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.easter-egg--closing{animation:egg-fade-out .45s var(--ease-in-out) forwards}.easter-egg__card{z-index:2;justify-items:center;gap:var(--space-4);max-width:min(82vw,720px);padding:var(--space-8) var(--space-8);border-radius:var(--radius-xl);background:var(--hk-white);box-shadow:var(--shadow-lg);text-align:center;animation:egg-card-pop .6s var(--ease-out) both;display:grid;position:relative}.easter-egg__hero{place-items:center;display:grid}.easter-egg__wave{transform-origin:70% 75%;font-size:96px;line-height:1;animation:1.6s ease-in-out infinite egg-wave}.easter-egg__video{border-radius:var(--radius-lg);max-width:100%;max-height:46vh;box-shadow:var(--shadow-md);animation:egg-fade-in .4s var(--ease-out)}.easter-egg__title{color:var(--hk-orange);letter-spacing:-.5px;font-size:52px;font-weight:800}.easter-egg__sub{color:var(--hk-text-muted);font-size:26px}.easter-egg__signature{color:var(--hk-black);font-size:30px;font-weight:700}.easter-egg__dismiss{margin-top:var(--space-4);color:var(--hk-grey-dark);font-size:17px}.easter-egg__confetti{pointer-events:none;position:absolute;inset:0}.easter-egg__piece{top:-4vh;left:var(--x);width:var(--size);height:calc(var(--size) * .45);background:var(--color);opacity:0;animation:egg-confetti-fall var(--fall) linear var(--delay) infinite;border-radius:2px;position:absolute}.easter-egg__heart{bottom:-8vh;left:var(--x);z-index:1;font-size:calc(44px * var(--scale));opacity:0;pointer-events:none;animation:egg-heart-rise var(--rise) ease-in var(--delay) infinite;position:absolute}@keyframes egg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes egg-fade-out{to{opacity:0}}@keyframes egg-card-pop{0%{opacity:0;transform:scale(.6)rotate(-4deg)}60%{opacity:1;transform:scale(1.05)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes egg-wave{0%,to{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(14deg)}80%{transform:rotate(-6deg)}}@keyframes egg-confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 108vh) rotate(var(--spin));opacity:.85}}@keyframes egg-heart-rise{0%{transform:translateY(0) scale(var(--scale));opacity:0}12%{opacity:.95}to{transform:translateY(-116vh) translateX(24px) scale(var(--scale));opacity:0}}@media (prefers-reduced-motion:reduce){.easter-egg__piece,.easter-egg__heart,.easter-egg__wave{animation:none}.easter-egg__heart,.easter-egg__piece{opacity:0}}.keyboard{--key-h:clamp(56px, 8.2vh, 88px);--key-gap:clamp(6px, .9vh, 10px);gap:var(--key-gap);background:var(--hk-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--hk-border);width:100%;max-width:1280px;transition:padding .4s var(--ease-smooth), gap .4s var(--ease-smooth);flex-direction:column;padding:clamp(12px,1.6vh,24px);display:flex}.keyboard__row{gap:var(--key-gap);transition:gap .4s var(--ease-smooth);justify-content:center;display:flex}.keyboard__key{min-width:56px;min-height:var(--key-h);height:var(--key-h);background:var(--hk-bg);border:1px solid var(--hk-border);border-radius:var(--radius-lg);font-family:var(--font-sans);color:var(--hk-text);box-shadow:var(--shadow-xs);transition:transform 80ms var(--ease-out), background .12s var(--ease-out), box-shadow .12s var(--ease-out), color .12s var(--ease-out), height .4s var(--ease-smooth), min-height .4s var(--ease-smooth), font-size .4s var(--ease-smooth);user-select:none;flex:1 1 0;font-size:clamp(22px,2.6vh,32px);font-weight:500}.keyboard__key:hover,.keyboard__key:focus-visible{background:var(--hk-peach-light);border-color:var(--hk-peach)}.keyboard__key:active{background:var(--hk-orange);color:var(--hk-white);border-color:var(--hk-orange);box-shadow:var(--shadow-sm);transform:scale(.9)}.keyboard__key--wide{letter-spacing:1px;text-transform:uppercase;flex:2.4 1 0;font-size:18px;font-weight:700}.keyboard__key--accent{background:var(--hk-black);color:var(--hk-white);border-color:var(--hk-black)}.keyboard__key--accent:hover,.keyboard__key--accent:focus-visible{background:var(--hk-orange);border-color:var(--hk-orange)}.keyboard__key--accent:active{background:var(--hk-orange-dark);border-color:var(--hk-orange-dark)}.keyboard__key--danger{color:var(--hk-danger);font-size:36px}.keyboard__key--danger:active{background:var(--hk-danger);color:var(--hk-white);border-color:var(--hk-danger)}@media (width<=760px){.keyboard{--key-h:clamp(42px, 6.2vh, 60px);--key-gap:5px;padding:10px}.keyboard__key{border-radius:var(--radius);min-width:0;font-size:clamp(15px,2.1vh,20px)}.keyboard__key--wide{letter-spacing:.5px;font-size:13px}.keyboard__key--danger{font-size:20px}}.search{background:var(--hk-bg);flex-direction:column;flex:1;gap:clamp(10px,1.4vh,20px);min-height:0;padding:clamp(16px,2.2vh,28px) clamp(20px,3vw,48px);display:flex;overflow:hidden}.search__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.search__back{align-items:center;gap:var(--space-3);padding:0 var(--space-6);border:2px solid var(--hk-border);background:var(--hk-white);height:clamp(56px,7.5vh,72px);color:var(--hk-text);box-shadow:var(--shadow-xs);transition:background .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:999px;font-size:20px;font-weight:600;display:inline-flex}.search__back:before{content:"←";font-size:28px}.search__back:hover,.search__back:focus-visible{background:var(--hk-peach-light);border-color:var(--hk-peach)}.search__back:active{transform:scale(.96)}.search__input-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.search__input{width:100%;height:clamp(68px,9vh,96px);padding:0 88px 0 var(--space-8);border:2px solid var(--hk-border);border-radius:var(--radius-xl);background:var(--hk-white);font-family:var(--font-serif);color:var(--hk-text);box-shadow:var(--shadow-md);caret-color:var(--hk-orange);font-size:clamp(26px,3.2vh,36px)}.search__input::placeholder{color:var(--hk-grey-dark);font-family:var(--font-sans);font-weight:400}.search__input::-webkit-search-cancel-button{appearance:none}.search__input::-webkit-search-decoration{appearance:none}.search__input:focus{border-color:var(--hk-orange);box-shadow:0 0 0 6px color-mix(in srgb, var(--hk-orange) 22%, transparent), var(--shadow-md);outline:none}.search__clear{right:var(--space-4);background:var(--hk-bg);width:clamp(48px,6vh,64px);height:clamp(48px,6vh,64px);color:var(--hk-text-muted);border-radius:50%;place-items:center;min-height:0;font-size:32px;font-weight:700;line-height:1;display:grid;position:absolute}.search__clear:hover,.search__clear:focus-visible{background:var(--hk-peach);color:var(--hk-text)}.search__clear:active{transform:scale(.92)}.search__quick{--chip-h:clamp(50px, 6.2vh, 60px);justify-content:space-between;align-items:center;gap:var(--space-3);height:calc(var(--chip-h) + 6px);flex-wrap:wrap;flex-shrink:0;padding:3px;display:flex;overflow:hidden}.search__quick-label{letter-spacing:1px;text-transform:uppercase;color:var(--hk-text-muted);margin-right:var(--space-2);font-size:14px;font-weight:700}.search__quick-btn{padding:0 var(--space-6);height:var(--chip-h);border:2px solid var(--hk-border);background:var(--hk-white);color:var(--hk-text);box-shadow:var(--shadow-xs);transition:background .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:999px;min-height:0;font-size:18px;font-weight:600}.search__quick-btn:hover,.search__quick-btn:focus-visible{background:var(--hk-peach);border-color:var(--hk-peach)}.search__quick-btn:active{background:var(--hk-orange);color:var(--hk-white);border-color:var(--hk-orange);transform:scale(.96)}.search__count{letter-spacing:.5px;text-transform:uppercase;min-height:20px;color:var(--hk-text-muted);flex-shrink:0;font-size:15px;font-weight:600}.search__results{gap:var(--space-3);min-height:0;padding-right:var(--space-2);flex:1 1 0;grid-template-columns:1fr;align-content:start;display:grid;overflow-y:auto}@media (width>=760px){.search__results{grid-template-columns:1fr 1fr}}.search__hint{color:var(--hk-text-muted);text-align:center;padding:var(--space-8);grid-column:1/-1;place-content:center;font-size:20px;display:grid}.search__hint strong{font-family:var(--font-serif);color:var(--hk-text);margin-bottom:var(--space-2);font-size:26px;display:block}.search__result-wrap{align-items:stretch;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.search__result-add{border-radius:var(--radius-lg);border:2px solid var(--hk-orange);background:var(--hk-white);width:72px;color:var(--hk-orange);font-size:34px;font-weight:700;line-height:1}.search__result-add--in{background:var(--hk-orange);color:var(--hk-white)}.search__result-add--busy{opacity:.5}.search__result-add:active{transform:scale(.94)}.search__result{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--hk-white);border:2px solid var(--hk-border);border-radius:var(--radius-lg);text-align:left;width:100%;min-height:96px;box-shadow:var(--shadow-xs);animation:result-in .18s var(--ease-out);transition:border-color .15s var(--ease-out), background .15s var(--ease-out), transform .1s var(--ease-out);grid-template-columns:auto 1fr auto;display:grid}.search__result:hover,.search__result:focus-visible{border-color:var(--hk-orange);background:var(--hk-peach-light)}.search__result:active{transform:scale(.98)}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.search__result-thumb{border-radius:var(--radius);background:var(--hk-white);place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.search__result-thumb img{object-fit:contain;max-width:100%;max-height:100%}.search__result-thumb--empty{background:var(--hk-peach-light)}.search__result-thumb--empty:before{content:"🛒";opacity:.45;font-size:28px}.search__result-main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.search__result-name{font-family:var(--font-serif);color:var(--hk-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(19px,2.3vh,23px);font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.search__result-where{padding:2px var(--space-2);background:var(--hk-peach-light);color:var(--hk-text);border-radius:999px;align-self:flex-start;font-size:14px;line-height:1.3}.search__result-price{justify-self:end;max-width:100%}@media (width<=560px){.search__result{gap:var(--space-3);padding:var(--space-3);min-height:84px}.search__result-thumb{width:52px;height:52px}.search__result-thumb--empty:before{font-size:22px}.search__result-price{padding:var(--space-1) var(--space-2);font-size:16px}.search__result-name{font-size:17px}}.search__result-meta{color:var(--hk-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.search__skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--hk-grey) 25%, var(--hk-peach-light) 50%, var(--hk-grey) 75%);background-size:200% 100%;height:96px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search__keyboard{transition:grid-template-rows .45s var(--ease-smooth), opacity .3s var(--ease-out) .1s;flex-shrink:0;grid-template-rows:1fr;display:grid}.search__kb-clip{justify-content:center;min-height:0;margin-bottom:-12px;padding-bottom:12px;display:flex;overflow:hidden}.search--kb-collapsed .search__keyboard{opacity:0;pointer-events:none;transition:grid-template-rows .45s var(--ease-smooth), opacity .2s var(--ease-out);grid-template-rows:0fr}.search--kb-compact .keyboard{--key-h:clamp(48px, 5.8vh, 64px);--key-gap:clamp(5px, .7vh, 8px);padding:clamp(10px,1.2vh,16px)}.search--kb-compact .keyboard__key{font-size:clamp(18px,2.2vh,26px)}.search--kb-compact .keyboard__key--wide{font-size:16px}.search--kb-compact .keyboard__key--danger{font-size:28px}.search__kb-toggle{justify-content:center;align-self:center;align-items:center;gap:var(--space-3);height:0;min-height:0;padding:0 var(--space-8);border:0 solid var(--hk-border);opacity:0;visibility:hidden;pointer-events:none;background:var(--hk-white);color:var(--hk-text);box-shadow:var(--shadow-sm);transition:height .3s var(--ease-smooth), margin-top .3s var(--ease-smooth), border-width .3s var(--ease-smooth), opacity .15s var(--ease-out), background .15s var(--ease-out), border-color .15s var(--ease-out), visibility 0s .3s;border-radius:999px;flex-shrink:0;margin-top:calc(-1*clamp(10px,1.4vh,20px));font-size:19px;font-weight:600;display:inline-flex;overflow:hidden}.search--kb-collapsed .search__kb-toggle{opacity:1;visibility:visible;pointer-events:auto;height:clamp(56px,7vh,68px);transition:height .35s var(--ease-smooth) 80ms, margin-top .35s var(--ease-smooth) 80ms, border-width .35s var(--ease-smooth) 80ms, opacity .25s var(--ease-out) .18s, background .15s var(--ease-out), border-color .15s var(--ease-out), visibility 0s;border-width:2px;margin-top:0}.search__kb-toggle:hover,.search__kb-toggle:focus-visible{background:var(--hk-peach-light);border-color:var(--hk-peach)}.search__kb-toggle:active{transform:scale(.96)}@media (width<=760px),(height<=700px){:where(:root:not([data-surface=kiosk])) .search{gap:var(--space-3);padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-6)) calc(var(--safe-left) + var(--space-4));flex:none;overflow:visible}:where(:root:not([data-surface=kiosk])) .search__results{flex:none;min-height:0;padding-right:0;overflow:visible}:where(:root:not([data-surface=kiosk])) .search__keyboard,:where(:root:not([data-surface=kiosk])) .search__kb-toggle{display:none}:where(:root:not([data-surface=kiosk])) .search__header{gap:var(--space-3);flex-wrap:wrap}:where(:root:not([data-surface=kiosk])) .search__back{height:auto;min-height:var(--hit);padding:var(--space-2) var(--space-4);text-align:left;font-size:16px}:where(:root:not([data-surface=kiosk])) .search__back:before{font-size:20px}:where(:root:not([data-surface=kiosk])) .search__input{height:60px;padding:0 64px 0 var(--space-4);font-size:22px}:where(:root:not([data-surface=kiosk])) .search__clear{width:44px;height:44px;right:var(--space-2);font-size:24px}:where(:root:not([data-surface=kiosk])) .search__quick{--chip-h:var(--hit);scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}:where(:root:not([data-surface=kiosk])) .search__quick::-webkit-scrollbar{display:none}:where(:root:not([data-surface=kiosk])) .search__quick-label,:where(:root:not([data-surface=kiosk])) .search__quick-btn{flex:none}:where(:root:not([data-surface=kiosk])) .search__quick-btn{padding:0 var(--space-4);font-size:16px}}.search__end{text-align:center;color:var(--hk-text-muted);margin:8px 0 24px;font-size:18px}.search__more{height:1px}:root{--hk-black:#1a1a1a;--hk-orange:#ff7800;--hk-orange-dark:#d96400;--hk-orange-bright:#ff8b1a;--hk-peach:#ffddbf;--hk-peach-light:#ffefdf;--hk-white:#fff;--hk-grey:#e7e7dd;--hk-grey-dark:#b8b8b0;--hk-beige:#c9a881;--hk-beige-light:#e8d7bd;--hk-text:var(--hk-black);--hk-text-muted:#6b6b6b;--hk-border:#e5e5dc;--hk-bg:#f7f5f0;--hk-bg-alt:#faf8f3;--hk-success:#2a8e45;--hk-danger:#c8331c;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 6px #0000000f;--shadow-md:0 6px 18px #00000014;--shadow-lg:0 16px 40px #0000001f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:24px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--hit:64px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--font-sans:"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-serif:"Noto Serif", Georgia, "Times New Roman", serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1)}@media (width<=760px),(height<=700px){:root:where(:not([data-surface=kiosk])){--hit:48px}}@supports (color:oklch(0% 0 0)){:root{--hk-black:oklch(20% 0 0);--hk-orange:oklch(70.4% .18 50);--hk-orange-dark:oklch(58% .18 47);--hk-orange-bright:oklch(75% .18 53);--hk-peach:oklch(91% .04 60);--hk-peach-light:oklch(95% .025 65)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-sans-latin-BYSzYMf3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-serif-latin-DKWgU5qY.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-sans-latin-ext-BEBrRRNv.woff2)format("woff2");unicode-range:U+102-107,U+118-119,U+141-144,U+15A-15B,U+179-17C,U+218-21B}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-sans-cyrillic-GHDDhWo3.woff2)format("woff2");unicode-range:U+400-45F,U+490-491}@font-face{font-family:Noto Serif;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-serif-latin-ext-DBFAgKuy.woff2)format("woff2");unicode-range:U+102-107,U+118-119,U+141-144,U+15A-15B,U+179-17C,U+218-21B}@font-face{font-family:Noto Serif;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-serif-cyrillic-BV3nFnzF.woff2)format("woff2");unicode-range:U+400-45F,U+490-491}body{font-family:var(--font-sans);color:var(--hk-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.4}h1,h2,h3,.serif{font-family:var(--font-serif);font-weight:700;line-height:1.15}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--hk-bg);height:100%;color:var(--hk-text);user-select:none;touch-action:manipulation;overflow:hidden}input,textarea{user-select:text}body{overflow-wrap:anywhere}button{font:inherit;cursor:pointer;color:inherit;min-height:var(--hit);min-width:var(--hit);background:0 0;border:none}input{font:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--hk-orange);outline-offset:2px;border-radius:var(--radius-sm)}#app{flex-direction:column;height:100%;display:flex}@media (width<=760px),(height<=700px){html:where(:not([data-surface=kiosk])),:where(:root:not([data-surface=kiosk])) body{height:auto;min-height:100%;overflow:visible}:where(:root:not([data-surface=kiosk])) body{overscroll-behavior-y:contain}:where(:root:not([data-surface=kiosk])) #app{height:auto;min-height:100svh}}.orange{color:var(--hk-orange)}.muted{color:var(--hk-text-muted)}.price-tag{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--hk-black);color:var(--hk-white);border-radius:var(--radius-sm);font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:.3px;white-space:nowrap;font-size:20px;font-weight:700;display:inline-flex}.price-tag:before{content:"";background:var(--hk-orange);border-radius:50%;flex-shrink:0;width:8px;height:8px}.price-tag--lg{padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-size:clamp(30px,4vh,44px)}.price-tag--lg:before{width:12px;height:12px}