.il{margin-top:40px;container-type:inline-size}.il__stage{--loop: 7s;--il-bg: #262220;--il-line: #3A3532;position:relative;display:flex;align-items:center;justify-content:center;gap:3.5em;min-height:34em;padding:4em 3em;border-radius:24px;background:var(--il-bg);border:1px solid var(--il-line);font-size:clamp(7px,1.3cqi,14px);color:var(--ink);overflow:hidden;background-image:radial-gradient(circle at 50% 40%,rgba(245,158,11,.08),transparent 60%)}.il__stage *{box-sizing:border-box}.il-lbl{font-weight:600;font-size:1.1em;color:var(--on-night, #FAF7F2)}.il-col{display:flex;flex-direction:column;align-items:center;gap:1em;min-width:14em}.il-kiosk{width:20em;display:flex;flex-direction:column;align-items:center}.il-kiosk__scr{width:100%;aspect-ratio:9 / 15;border-radius:1.4em;background:var(--paper);border:.7em solid #0E0D0C;padding:1.2em;display:flex;flex-direction:column;gap:1em;box-shadow:0 2em 4em -1em #00000080}.il-kiosk__foot{width:4em;height:6em;background:linear-gradient(90deg,#2a2624,#3a3532,#2a2624)}.il-kiosk__foot:after{content:"";display:block;width:12em;height:1em;margin:6em 0 0 -4em;border-radius:1em;background:#2a2624}.il-col .il-printer{margin-top:.4em}.il-phone{width:17em;aspect-ratio:9 / 19;border-radius:2.6em;background:#0e0d0c;padding:.7em;box-shadow:0 2em 4em -1em #00000080,inset 0 0 0 1.5px #3a3532}.il-phone--lg{width:19em}.il-phone__scr{position:relative;height:100%;border-radius:2em;background:var(--paper);padding:3em 1.1em 1.2em;display:flex;flex-direction:column;gap:.9em;overflow:hidden}.il-phone__scr:before{content:"";position:absolute;top:.8em;left:35%;width:30%;height:1.4em;border-radius:1em;background:#0e0d0c}.il-tablet{width:46em;aspect-ratio:4 / 3;border-radius:1.8em;background:#0e0d0c;padding:1em;box-shadow:0 2em 4em -1em #00000080,inset 0 0 0 1.5px #3a3532}.il-tablet--wide{width:58em;aspect-ratio:16 / 10}.il-tablet__scr{height:100%;border-radius:1em;background:var(--paper);overflow:hidden}.il-tv{display:flex;flex-direction:column;align-items:center}.il-tv__scr{width:50em;aspect-ratio:16 / 9;border:.8em solid #0E0D0C;border-radius:1em;background:#1c1917;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;overflow:hidden;box-shadow:0 2em 4em -1em #0009}.il-tv__stand{width:14em;height:3em;background:linear-gradient(180deg,#0e0d0c,#2a2624);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.il-browser{width:62em;border-radius:1.2em;background:var(--white);overflow:hidden;box-shadow:0 2em 4em -1em #00000080}.il-browser__bar{display:flex;align-items:center;gap:.5em;padding:.9em 1.2em;background:var(--panel)}.il-browser__bar i{width:.9em;height:.9em;border-radius:50%;background:var(--line)}.il-browser__bar span{margin-left:2em;padding:.3em 1.4em;border-radius:1em;background:var(--white);color:var(--muted);font-size:.9em}.il-hd{display:flex;justify-content:space-between;align-items:baseline;gap:1em}.il-hd b{font-family:var(--display);font-weight:400;font-size:1.8em;line-height:1}.il-hd span{color:var(--muted);font-weight:600}.il-ph{display:block;aspect-ratio:1;border-radius:.7em;background:#e7dccb}.il-ph{background:#eadfcf center / cover no-repeat}.il-ph--1{background-image:url(/img/menu/latte.webp)}.il-ph--2{background-image:url(/img/menu/chicken-rice.webp)}.il-ph--3{background-image:url(/img/menu/croissant.webp)}.il-ph--4{background-image:url(/img/menu/cold-brew.webp)}.il-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8em}.il-tile{background:var(--white);border-radius:1em;padding:.6em;display:flex;flex-direction:column;gap:.5em;font-size:.9em;font-weight:600;line-height:1.2;box-shadow:var(--sh-card)}.il-row{display:grid;grid-template-columns:3em 1fr auto;align-items:center;gap:.8em;padding:.5em;background:var(--white);border-radius:.9em;font-weight:600;font-size:.95em}.il-row em{font-style:normal;width:1.8em;height:1.8em;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--white)}.il-paybar{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1em;font-weight:600}.il-paybar>span{color:var(--muted)}.il-paybar b{flex:1}.il-swap{position:relative;display:grid;height:2.8em;border-radius:99px;background:var(--ink);color:var(--white);overflow:hidden}.il-swap em{grid-area:1 / 1;display:grid;place-items:center;font-style:normal;white-space:nowrap;animation:il-swap-a var(--loop) var(--ease) infinite}.il-swap em+em{background:var(--green);color:var(--ink);animation-name:il-swap-b}.il-wire{width:6em;height:2px;background:repeating-linear-gradient(90deg,var(--amber) 0 .5em,transparent .5em 1em);background-size:2em 2px;animation:il-dash 1s linear infinite;opacity:.8}.il-tk{width:15em;padding:1.2em 1.2em 1.6em;background:var(--white);display:flex;flex-direction:column;gap:.5em;font-size:.95em;clip-path:polygon(0 0,100% 0,100% 100%,92% 96%,84% 100%,76% 96%,68% 100%,60% 96%,52% 100%,44% 96%,36% 100%,28% 96%,20% 100%,12% 96%,4% 100%,0 96%)}.il-tk--out{width:12em;margin-top:-1.6em;padding-top:2em;transform-origin:top}.il-tk b{font-family:var(--display);font-weight:400;font-size:2.2em;line-height:1}.il-tk span{border-top:1px dashed var(--line);padding-top:.5em}.il-card{background:var(--white);border-radius:1.2em;padding:1.1em;display:flex;flex-direction:column;gap:.3em}.il-card span,.il-card small{color:var(--muted)}.il-card small{color:var(--green);font-weight:600}.il-card b{font-family:var(--display);font-weight:400;font-size:2.6em;line-height:1}.il-dot{width:.8em;height:.8em;border-radius:50%;background:var(--green);animation:il-pulse 1.6s ease-in-out infinite}.il-count{position:relative;display:inline-grid;overflow:hidden}.il-count em{grid-area:1 / 1;font-style:normal;animation:il-up-a var(--loop) var(--ease) infinite}.il-count em+em{animation-name:il-up-b}.il-tap{animation:il-tap var(--loop) var(--ease) infinite}.il-drop{animation:il-drop var(--loop) var(--ease) infinite}.il-table{width:16em;aspect-ratio:1;border-radius:50%;background:#e7dccb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;box-shadow:inset 0 -.6em #00000014}.il-table span{font-weight:600}.il-table small{color:var(--ink-2, #44403C);font-size:.85em}.il-qr{width:6.4em;aspect-ratio:1;padding:.5em;border-radius:.6em;background:var(--white);position:relative}.il-qr svg{display:block;width:100%;height:100%;fill:var(--ink)}.il-qr:after{content:"";position:absolute;inset:-.8em;border-radius:1em;box-shadow:0 0 0 2px var(--amber);animation:il-ring 2.4s var(--ease) infinite}.il-pos{display:grid;grid-template-columns:1.4fr 1fr}.il-pos__menu{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:.8em;padding:1.2em}.il-pos__cart{background:var(--white);padding:1.2em;display:flex;flex-direction:column;gap:.8em;border-left:1px solid var(--line)}.il-pos__cart p{display:flex;justify-content:space-between;gap:.6em;font-size:.9em}.il-pos__cart em{font-style:normal;color:var(--muted)}.il-tot{margin-top:auto;padding-top:.8em;border-top:1px solid var(--line);align-items:baseline}.il-tot b{font-family:var(--display);font-weight:400;font-size:2em}.il-pos__cart .il-paybar{margin-top:0}.il-split{display:flex;gap:.4em}.il-split i{flex:1;text-align:center;font-style:normal;font-size:.85em;font-weight:600;padding:.5em 0;border-radius:.6em;background:var(--panel);animation:il-pick var(--loop) var(--ease) infinite}.il-split i:nth-child(2){animation-delay:calc(var(--loop) / -3)}.il-split i:nth-child(3){animation-delay:calc(var(--loop) / -1.5)}.il-col--printer{gap:0}.il-printer{position:relative;z-index:2;width:14em;height:4.5em;border-radius:1.2em 1.2em .8em .8em;background:linear-gradient(180deg,#3a3532,#1f1c1a)}.il-printer i{position:absolute;left:14%;right:14%;bottom:.8em;height:.35em;border-radius:1em;background:#0e0d0c}.il-receipt{width:11em;margin-top:-.6em;padding:1.4em 1em 1em;background:var(--white);display:flex;flex-direction:column;gap:.6em;transform-origin:top}.il-receipt span{height:.5em;border-radius:1em;background:var(--line)}.il-receipt span:nth-of-type(2){width:70%}.il-print{animation:il-print var(--loop) var(--ease) infinite}.il-tablet--dark .il-tablet__scr{background:#f3eee6}.il-kds__bar{display:flex;justify-content:space-between;padding:1em 1.4em;background:var(--ink);color:var(--on-night, #FAF7F2);font-weight:600}.il-kds__bar span{color:var(--amber)}.il-kds__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;padding:1.2em;align-items:start}.il-kt{background:var(--white);border-radius:1em;padding:1em;display:flex;flex-direction:column;gap:.6em;font-size:.92em;border-top:.45em solid var(--green);box-shadow:var(--sh-card)}.il-kt>div{display:flex;justify-content:space-between;align-items:baseline}.il-kt>div b{font-family:var(--display);font-weight:400;font-size:1.9em;line-height:1}.il-kt time{font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.il-kt>span{border-top:1px dashed var(--line);padding-top:.5em}.il-kt em{display:grid;margin-top:.4em;font-style:normal;font-weight:600;text-align:center;border-radius:.6em;overflow:hidden}.il-kt em i{grid-area:1 / 1;font-style:normal;padding:.5em;background:var(--ink);color:var(--white)}.il-kt--late{border-top-color:var(--red)}.il-kt--late time{color:var(--red)}.il-kt--done{animation:il-done var(--loop) var(--ease) infinite}.il-kt--done em i+i{background:var(--green);color:var(--ink);animation:il-swap-b var(--loop) var(--ease) infinite}.il-kt--done em i:first-child{animation:il-swap-a var(--loop) var(--ease) infinite}.il-kt--new{border-top-color:var(--amber);animation:il-new var(--loop) var(--ease) infinite}.il-ns__title{grid-column:1 / -1;padding:1em;text-align:center;font-weight:600;color:#a8a29e;border-bottom:1px solid #2E2A27}.il-ns__col{display:flex;flex-direction:column;align-items:center;gap:.2em;padding:1.4em;color:#a8a29e}.il-ns__col span{font-weight:600;font-size:1.2em;margin-bottom:.5em}.il-ns__col b{font-family:var(--display);font-weight:400;font-size:3.6em;line-height:1.1;color:#faf7f2}.il-ns__col--ready{background:#2a2624}.il-ns__col--ready span{color:var(--green)}.il-ns__mv{animation:il-ns-out var(--loop) var(--ease) infinite}.il-ns__in{color:var(--amber)!important;animation:il-ns-in var(--loop) var(--ease) infinite}.il-bubble{position:absolute;right:8%;top:18%;padding:.8em 1.3em;border-radius:1.2em 1.2em 1.2em .2em;background:var(--amber);color:var(--ink);font-weight:700;font-size:1.2em;animation:il-pop var(--loop) var(--spring) infinite}.il-notif{position:absolute;left:.6em;right:.6em;top:.6em;z-index:2;display:flex;gap:.7em;align-items:center;padding:.8em;border-radius:1.2em;background:#fffffff2;box-shadow:0 .8em 2em #1c19172e;font-size:.9em;animation:il-notif var(--loop) var(--spring) infinite}.il-notif i{width:2.4em;height:2.4em;flex:none;border-radius:.7em;background:var(--amber)}.il-notif div{display:flex;flex-direction:column}.il-notif span{color:var(--muted)}.il-open{display:inline-flex;align-items:center;gap:.4em;color:var(--green)!important;font-size:.9em}.il-open i{width:.6em;height:.6em;border-radius:50%;background:var(--green)}.il-bars{flex:1;display:flex;align-items:flex-end;gap:.5em;min-height:6em}.il-bars i{flex:1;height:calc(var(--h) * 100%);border-radius:.4em;background:var(--line);transform-origin:bottom;animation:il-grow var(--loop) var(--ease) infinite}.il-bars i:last-child{background:var(--amber)}.il-row .il-count em{width:auto;height:auto;background:none;color:inherit;display:block}.il-report{width:22em;padding:1.2em 1.3em;border-radius:0 1.2em 1.2em;background:#dcf8c6;display:flex;flex-direction:column;gap:.5em;font-size:.95em;box-shadow:0 1.5em 3em -1em #0006;animation:il-pop var(--loop) var(--spring) infinite}.il-report p{color:var(--ink-2, #44403C)}.il-row--live{grid-template-columns:auto 1fr auto;padding:.9em}.il-dash{display:grid;grid-template-columns:6em 1fr;min-height:28em}.il-dash aside{background:var(--ink);display:flex;flex-direction:column;align-items:center;gap:1.2em;padding:1.4em 0}.il-dash aside b{width:2.4em;height:2.4em;border-radius:.7em;background:var(--amber)}.il-dash aside i{width:2em;height:.5em;border-radius:1em;background:#44403c}.il-dash aside i.on{background:var(--on-night, #FAF7F2)}.il-dash__main{padding:1.6em;display:flex;flex-direction:column;gap:1.2em;background:var(--paper)}.il-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}.il-kpis div,.il-chart,.il-outlets{background:var(--white);border-radius:1em;padding:1.1em}.il-kpis span,.il-outlets>span{color:var(--muted);font-size:.9em}.il-kpis b{display:block;font-family:var(--display);font-weight:400;font-size:2.2em;line-height:1.1}.il-dash__row{flex:1;display:grid;grid-template-columns:1.6fr 1fr;gap:1em}.il-chart svg{width:100%;height:100%;min-height:12em;overflow:visible}.il-chart__line{fill:none;stroke:var(--amber);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:400;animation:il-draw var(--loop) var(--ease) infinite}.il-chart__area{fill:#f59e0b1f}.il-outlets{display:flex;flex-direction:column;gap:.9em}.il-outlets p{display:flex;flex-direction:column;gap:.4em;font-weight:600;font-size:.9em}.il-outlets i{height:.6em;border-radius:1em;background:var(--line);position:relative;overflow:hidden}.il-outlets i:after{content:"";position:absolute;inset:0;width:calc(var(--w) * 100%);border-radius:inherit;background:var(--ink);transform-origin:left;animation:il-fill var(--loop) var(--ease) infinite}.il-member{position:relative;padding:1.3em;border-radius:1.3em;color:var(--on-night, #FAF7F2);background:linear-gradient(135deg,#1c1917,#44403c);display:flex;flex-direction:column;gap:.2em;overflow:hidden}.il-member:after{content:"";position:absolute;right:-2em;top:-2em;width:7em;height:7em;border-radius:50%;background:var(--amber);opacity:.35}.il-member span,.il-member small{color:#d6d3d1;font-size:.9em}.il-member b{font-family:var(--display);font-weight:400;font-size:2.6em;line-height:1.1}.il-stamps{background:var(--white);border-radius:1.2em;padding:1em;display:flex;flex-direction:column;gap:.7em;font-weight:600;font-size:.92em}.il-stamps div{display:grid;grid-template-columns:repeat(4,1fr);gap:.5em}.il-stamps i{aspect-ratio:1;border-radius:50%;border:2px dashed var(--line)}.il-stamps i.on{border:0;background:var(--amber)}.il-stamp{animation:il-stamp var(--loop) var(--spring) infinite}.il-voucher{display:flex;justify-content:space-between;align-items:center;padding:1em;border-radius:1em;border:2px dashed var(--amber);background:#fff7e8;font-size:.92em;animation:il-pop var(--loop) var(--spring) infinite}.il-voucher span{font-family:var(--display);font-size:1.8em;line-height:1}.il-wh{width:100%;max-width:60em;display:flex;flex-direction:column;align-items:center}.il-wh__hub,.il-out{background:var(--white);border-radius:1.2em;padding:1.2em 1.4em;display:flex;flex-direction:column;gap:.8em;box-shadow:0 1.5em 3em -1em #0006}.il-wh__hub{width:26em}.il-wh__hub .il-lbl{color:var(--ink);font-family:var(--display);font-weight:400;font-size:1.7em}.il-wh p,.il-out p{display:grid;grid-template-columns:8em 1fr;align-items:center;gap:1em;font-size:.92em;font-weight:600}.il-wh p i{height:.7em;border-radius:1em;background:var(--line);position:relative;overflow:hidden}.il-wh p i:after{content:"";position:absolute;inset:0;width:calc(var(--v) * 100%);border-radius:inherit;background:var(--teal)}.il-wh__wires{width:64%;height:7em;overflow:visible}.il-wh__wires path{fill:none;stroke:var(--amber);stroke-width:1.5;stroke-dasharray:4 6;vector-effect:non-scaling-stroke;animation:il-dash-svg 1.2s linear infinite}.il-wh__outlets{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2em}.il-out{position:relative}.il-out b{font-weight:600}.il-out p{grid-template-columns:1fr;gap:.4em}.il-refill:after{background:var(--red)!important;animation:il-refill var(--loop) var(--ease) infinite}.il-chip{position:absolute;top:-1.2em;right:-.8em;padding:.4em .9em;border-radius:99px;background:var(--amber);color:var(--ink);font-style:normal;font-weight:700;font-size:.85em;animation:il-pop var(--loop) var(--spring) infinite}@keyframes il-tap{0%,8%,20%,to{transform:none;box-shadow:var(--sh-card)}12%{transform:scale(.94);box-shadow:0 0 0 3px var(--amber)}16%{box-shadow:0 0 0 3px var(--amber)}}@keyframes il-swap-a{0%,30%{transform:none}36%,90%{transform:translateY(-110%)}96%,to{transform:none}}@keyframes il-swap-b{0%,30%{transform:translateY(110%)}36%,90%{transform:none}96%,to{transform:translateY(110%)}}@keyframes il-drop{0%,38%{opacity:0;transform:translateY(-2em)}46%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(1em)}}@keyframes il-print{0%,36%{clip-path:inset(0 0 100% 0)}56%,90%{clip-path:inset(0)}98%,to{clip-path:inset(0 0 100% 0)}}@keyframes il-pick{0%,30%{background:var(--panel);color:inherit}34%,62%{background:var(--ink);color:var(--white)}66%,to{background:var(--panel);color:inherit}}@keyframes il-done{0%,40%{opacity:1;transform:none}50%,90%{opacity:.35;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes il-new{0%,50%{opacity:0;transform:translateY(-1em)}58%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes il-ns-out{0%,30%{opacity:1;transform:none}40%,90%{opacity:0;transform:translate(3em)}to{opacity:1;transform:none}}@keyframes il-ns-in{0%,34%{opacity:0;transform:translate(-3em)}44%{opacity:1;transform:scale(1.2)}52%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes il-pop{0%,44%{opacity:0;transform:scale(.6)}52%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:scale(.9)}}@keyframes il-notif{0%,20%{transform:translateY(-140%)}28%,70%{transform:none}80%,to{transform:translateY(-140%)}}@keyframes il-up-a{0%,30%{transform:none}36%,90%{transform:translateY(-110%)}96%,to{transform:none}}@keyframes il-up-b{0%,30%{transform:translateY(110%)}36%,90%{transform:none}96%,to{transform:translateY(110%)}}@keyframes il-grow{0%{transform:scaleY(.2)}20%,92%{transform:none}to{transform:scaleY(.2)}}@keyframes il-fill{0%{transform:scaleX(0)}25%,92%{transform:none}to{transform:scaleX(0)}}@keyframes il-draw{0%{stroke-dashoffset:400}35%,92%{stroke-dashoffset:0}to{stroke-dashoffset:400}}@keyframes il-stamp{0%,30%{background:transparent;transform:scale(1.4);opacity:0}38%,92%{background:var(--amber);border-color:transparent;transform:none;opacity:1}to{opacity:0}}@keyframes il-refill{0%,44%{width:calc(var(--v) * 100%);background:var(--red)}60%,90%{width:85%;background:var(--teal)}to{width:calc(var(--v) * 100%)}}@keyframes il-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}@keyframes il-pulse{50%{opacity:.3}}@keyframes il-dash{to{background-position:2em 0}}@keyframes il-dash-svg{to{stroke-dashoffset:-40}}@media(prefers-reduced-motion:reduce){.il__stage *,.il__stage *:after{animation:none!important}.il-swap em+em,.il-kt--done em i+i,.il-count em+em{display:none}}@container (max-width: 640px){.il__stage{flex-direction:column;gap:2.4em;padding:3em 1.6em;font-size:2.2cqi}.il-wire{width:2px;height:3em;background:repeating-linear-gradient(180deg,var(--amber) 0 .5em,transparent .5em 1em)}.il-tablet,.il-tablet--wide,.il-tv__scr,.il-browser{width:100%}.il-kds__grid{grid-template-columns:1fr 1fr}.il-kds__grid .il-kt:nth-child(n+3){display:none}.il-bubble{right:4%;top:4%}.il-dash{grid-template-columns:4em 1fr}.il-dash__row{grid-template-columns:1fr}.il-pos__menu{grid-template-columns:1fr 1fr}.il-pos__menu .il-tile:nth-child(n+5){display:none}.il-wh__outlets{gap:.8em}.il-wh__hub{width:100%}}