:root{--sky-1:#aee3ff;--sky-2:#fff4d9;--ink:#3b2a1a;--ink-soft:#7a5c3e;--red:#ff6b6b;--red-dark:#e03131;--yellow:#ffd43b;--green:#40c057;--green-dark:#2b8a3e;--blue:#339af0;--purple:#845ef7;--orange:#ff922b;--wood-1:#e0a96d;--wood-2:#b77b45;--paper:#fffdf7;--shadow:0 6px 0 #3b2a1a2e;--radius:22px;--font:"Fredoka", "Baloo 2", "Comic Sans MS", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 70%);-webkit-user-select:none;user-select:none;touch-action:manipulation;font-size:clamp(14px,1.55vw,24px)}#app{height:100dvh;position:relative}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.btn-round{width:3.2em;min-width:64px;height:3.2em;min-height:64px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;font-size:1.3em;transition:transform .12s;display:grid}.btn-round:active,.btn-pill:active,.btn-big:active,.mode-card:active{transform:translateY(4px)scale(.97);box-shadow:0 2px #3b2a1a2e}.btn-pill{min-height:56px;box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:999px;align-items:center;gap:.4em;padding:.5em 1.2em;font-weight:600;text-decoration:none;transition:transform .12s;display:inline-flex}.btn-big{border-radius:var(--radius);background:linear-gradient(180deg, #69db7c, var(--green));color:#fff;text-shadow:0 2px #00000026;min-height:72px;box-shadow:0 7px 0 var(--green-dark);padding:.5em 1.6em;font-size:1.35em;font-weight:700;transition:transform .12s,opacity .2s}.btn-big:disabled{opacity:.4;filter:grayscale(.6);pointer-events:none}.btn-big.hidden{visibility:hidden}.chip{box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:.3em;padding:.35em .9em;font-weight:700;display:inline-flex}.chip-stars span{color:#fab005;font-size:1.2em}.chip.big{font-size:1.3em}.topbar{z-index:5;align-items:center;gap:.8em;padding:.6em 1em;display:flex;position:relative}.topbar .btn-round{width:2.6em;height:2.6em;font-size:1.1em}.topbar-title{box-shadow:var(--shadow);background:#fff;border-radius:999px;margin-right:auto;padding:.25em .9em;font-size:1.25em;font-weight:700}.awning{z-index:0;background:repeating-linear-gradient(90deg, var(--red) 0 60px, #fff 60px 120px);height:56px;position:absolute;top:0;left:0;right:0;box-shadow:0 4px #0000000f}.awning:after{content:"";background:radial-gradient(circle at 30px 0, var(--red) 29px, transparent 30px) 0 0 / 120px 30px repeat-x, radial-gradient(circle at 90px 0, #fff 29px, transparent 30px) 0 0 / 120px 30px repeat-x;height:30px;position:absolute;bottom:-28px;left:0;right:0}.awning.small{height:44px}.prompt{z-index:4;text-align:center;max-width:90%;box-shadow:var(--shadow);background:#fff;border-radius:999px;align-self:center;min-height:2.2em;margin:.3em auto;padding:.45em 1.2em;font-size:1.45em;font-weight:700;position:relative}.prompt:empty{visibility:hidden}.prompt.warn{color:var(--red-dark);background:#ffe3e3}.prompt.hint{color:#a0620a;background:#fff3bf}.result{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3b2a1a59;place-items:center;animation:.25s ease-out fade-in;display:grid;position:absolute;inset:0}.result.hidden{display:none}.result-card{background:var(--paper);text-align:center;border-radius:32px;padding:1.4em 2.2em 1.8em;animation:.5s cubic-bezier(.3,1.6,.5,1) pop-in;box-shadow:0 12px #3b2a1a33}.result-title{color:var(--orange);text-shadow:0 3px #ffe8cc;font-size:2.4em;font-weight:700}.result-stars{margin:.1em 0 .3em;font-size:3.6em}.result-card.sad .result-title{color:var(--red-dark);text-shadow:0 3px #ffe3e3}.result-actions{flex-direction:column;align-items:center;gap:.8em;display:flex}.fx-shake{animation:.45s shake}.fx-pop{animation:.35s cubic-bezier(.3,1.8,.5,1) pop}.fx-wiggle{animation:.5s wiggle}.float-text{z-index:999;text-shadow:0 2px #fff,0 -2px #fff,2px 0 #fff,-2px 0 #fff;pointer-events:none;font-size:1.8em;font-weight:700;animation:1.2s ease-out forwards float-up;position:fixed;transform:translate(-50%)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes float-up{0%{opacity:1;transform:translate(-50%)scale(.8)}30%{transform:translate(-50%,-30px)scale(1.2)}to{opacity:0;transform:translate(-50%,-90px)scale(1)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.4)rotate(-6deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tap-drawer{z-index:60;position:fixed;bottom:16px;right:16px}.tap-toggle{z-index:2;background:var(--yellow);position:relative}.tap-sheet{background:#fffdf7f7;border-radius:28px 28px 0 0;max-height:46vh;padding:1.4em 6em 1em 1em;transition:transform .3s cubic-bezier(.3,1.3,.5,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -8px 30px #00000026}.tap-drawer.open .tap-sheet{transform:none}.tap-row{flex-wrap:wrap;gap:.6em;margin-bottom:.8em;display:flex}.tap-card{border-radius:12px;padding:0}.tap-card:active{transform:scale(.94)}.tap-notes .note{--nw:130px}.tap-debits .debit{--dw:120px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home{flex-direction:row;align-items:stretch;gap:3vw;padding:70px 3vw 2vh}.clouds span{opacity:.9;z-index:0;font-size:4em;animation:38s linear infinite drift;position:absolute}.clouds span:first-child{animation-delay:-5s;top:16%}.clouds span:nth-child(2){font-size:3em;animation-duration:50s;animation-delay:-22s;top:34%}.clouds span:nth-child(3){font-size:2.4em;animation-duration:44s;animation-delay:-30s;top:8%}@keyframes drift{0%{transform:translate(-20vw)}to{transform:translate(110vw)}}.home-left,.home-right{z-index:1;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.home-left{align-items:center}.logo{white-space:nowrap;margin:0;font-size:4.2em;line-height:1}.logo span{color:#fff;-webkit-text-stroke:.08em var(--orange);paint-order:stroke fill;text-shadow:0 .09em #d9480f;animation:1.8s ease-in-out infinite bob;animation-delay:calc(var(--i) * .1s);display:inline-block}.tagline{color:var(--ink-soft);margin:.3em 0 0;font-size:1.5em;font-weight:600}.mascot-wrap{aspect-ratio:220/240;cursor:pointer;width:min(34vh,30vw);margin-top:2vh;animation:2.4s ease-in-out infinite bob}.home-right{gap:1em;max-width:520px}.mode-card{text-align:left;background:#fff;border-radius:28px;align-items:center;gap:.8em;padding:.7em 1.2em;transition:transform .12s;display:flex;box-shadow:0 8px #3b2a1a2e}.mode-cashier{background:linear-gradient(#fff,#fff0f6);border:4px solid #f783ac}.mode-shopper{background:linear-gradient(#fff,#e7f5ff);border:4px solid #74c0fc}.mode-card:hover .mode-icon{animation:.5s wiggle}.mode-icon{font-size:3.2em;display:inline-block}.mode-text b{font-size:1.8em;display:block}.mode-text small{color:var(--ink-soft);font-size:1.05em}.level-picker{gap:.6em;display:flex}.level-btn{min-height:64px;box-shadow:var(--shadow);background:#ffffffb3;border:3px solid #0000;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:.9em;line-height:1.2;transition:transform .12s,background .2s;display:flex}.level-btn span{font-size:1.15em;font-weight:700}.level-btn.on{border-color:var(--yellow);background:#fff;transform:translateY(-3px)}.home-footer{align-items:center;gap:.8em;display:flex}.home-footer .lang-btn{margin-left:auto}.gear{position:relative}.hold-ring{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px;transform:rotate(-90deg)}.hold-ring circle{fill:none;stroke:var(--orange);stroke-width:3px;stroke-dasharray:101;stroke-dashoffset:101px}.gear.holding .hold-ring circle{stroke-dashoffset:0;transition:stroke-dashoffset 3s linear}.game .counter,.game .basket-row{z-index:3;background:repeating-linear-gradient(90deg, #0000000a 0 3px, transparent 3px 90px), linear-gradient(180deg, var(--wood-1), var(--wood-2));border-top:14px solid #8c5a2b;position:relative;box-shadow:0 -6px #00000014}.game:before{content:"🍎🍌🥛🍞🧃🍪🍩🥕🧀🍫🍉🥚";z-index:0;letter-spacing:.15em;text-align:center;white-space:nowrap;border-bottom:12px solid var(--wood-2);opacity:.9;border-radius:0 0 6px 6px;width:min(46vw,560px);padding:0 .4em .15em;font-size:1.7em;position:absolute;top:88px;left:50%;overflow:hidden;transform:translate(-50%)}.shopper:before{display:none}.cashier .stage{z-index:1;flex:1;gap:2vw;min-height:0;padding:0 3vw;display:flex;position:relative}.customer-area{flex:1;align-items:flex-end;gap:1em;min-width:0;display:flex;position:relative}.customer-col{flex-direction:column;flex:none;justify-content:flex-end;align-items:center;height:100%;min-height:0;display:flex}.patience{width:100%;box-shadow:var(--shadow);opacity:0;background:#fff;border-radius:999px;align-items:center;gap:.4em;margin-bottom:.4em;padding:.3em .6em .3em .3em;transition:opacity .3s,transform .3s;display:flex;transform:translateY(-10px)}.patience.show{opacity:1;transform:none}.patience-face{font-size:1.6em;line-height:1;display:inline-block}.patience-track{background:#f1f3f5;border-radius:999px;flex:1;height:.9em;overflow:hidden;box-shadow:inset 0 2px #00000014}.patience-fill{background:var(--green);transform-origin:0;border-radius:999px;height:100%;transition:background-color .4s}.patience[data-state=warn] .patience-fill{background:var(--yellow)}.patience[data-state=low] .patience-fill{background:var(--red)}.patience[data-state=low]{animation:.6s 3 shake}.customer{flex:0 auto;align-items:flex-end;width:min(30vh,26vw);min-height:0;animation:2.6s ease-in-out infinite bob;display:flex}.customer svg{height:auto;max-height:100%}.customer.enter{animation:.9s cubic-bezier(.3,1.2,.5,1) both walk-in}.customer[data-mood=happy]{animation:.5s ease-out 2 happy-jump}.customer[data-mood=sad]{animation:.45s shake}.customer.leave[data-mood]{animation:.7s ease-in both walk-out}@keyframes walk-in{0%{opacity:0;transform:translate(-120%)rotate(-8deg)}60%{opacity:1;transform:translate(6%)rotate(3deg)}}@keyframes walk-out{to{opacity:0;transform:translate(160%)rotate(10deg)}}@keyframes happy-jump{50%{transform:translateY(-18px)}}.bubble{max-width:100%;box-shadow:var(--shadow);transform-origin:0 70%;background:#fff;border-radius:28px;align-self:center;padding:.9em 1.1em 1.2em;transition:transform .35s cubic-bezier(.3,1.6,.5,1);position:relative;transform:scale(0)}.bubble.show{transform:scale(1)}.bubble:before{content:"";border:14px solid #0000;border-left:0;border-right:22px solid #fff;position:absolute;top:60%;left:-18px}.bubble-items{flex-wrap:wrap;align-items:center;gap:.8em .7em;display:flex}.bubble-items .note{--nw:150px}.bubble-items .debit{--dw:170px;animation:1.4s ease-in-out infinite bob;transform:rotate(-6deg)}.register{flex:none;align-self:flex-end;width:min(32vw,380px);position:relative}.lcd{color:#b2f2bb;background:#1b4332;border:8px solid #495057;border-radius:18px 18px 6px 6px;margin:0 8%;padding:.6em .9em;font-family:ui-monospace,SF Mono,Menlo,monospace;position:relative;box-shadow:inset 0 0 20px #b2f2bb40}.lcd-row{justify-content:space-between;align-items:baseline;gap:.5em;display:flex}.lcd-row span{font-family:var(--font);opacity:.85;font-size:.95em}.lcd-row b{letter-spacing:.04em;text-shadow:0 0 10px #b2f2bb99;font-size:2em}.lcd-paid,.lcd-change{display:none}.lcd-paid.show,.lcd-change.show{animation:.3s fade-in;display:flex}.lcd-paid b,.lcd-change b{font-size:1.4em}.lcd-change b{color:#ffe066}.lcd-status{text-align:center;font-family:var(--font);color:#69db7c;min-height:1.2em;font-weight:700}.register-body{background:linear-gradient(#ff8787,#fa5252);border-radius:22px 22px 0 0;padding:.8em;position:relative;box-shadow:inset 0 -6px #0000001f}.keys{grid-template-columns:repeat(4,1fr);gap:.4em;display:grid}.keys i{background:#fff5f5;border-radius:8px;height:1.3em;box-shadow:0 3px #c92a2a}.keys i:nth-child(4n){background:#ffe066}.card-slot{z-index:5;pointer-events:none;height:0;position:absolute;top:-1em;left:0;right:0}.card-slot .debit{--dw:150px;opacity:0;position:absolute;top:-3em;left:50%}.card-slot.swipe .debit{animation:.9s ease-in-out both swipe}@keyframes swipe{0%{opacity:0;transform:translate(-160%,-30%)rotate(-10deg)}25%{opacity:1}75%{opacity:1;transform:translate(40%)rotate(0)}to{opacity:0;transform:translate(90%)}}.register-drawer{background:#e03131;border-radius:0 0 12px 12px;height:1.2em;margin:0 4%;transition:transform .25s cubic-bezier(.3,1.6,.5,1);box-shadow:0 4px #00000026}.register-drawer.open{transform:translateY(14px)scaleY(1.4)}.btn-next{align-items:center;gap:.6em;display:inline-flex}.countdown{place-items:center;width:2.1em;height:2.1em;display:grid;position:relative}.countdown svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.countdown circle{fill:#ffffff40;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-dasharray:101;stroke-dashoffset:0}.countdown.running circle{stroke-dashoffset:101px;transition:stroke-dashoffset 5s linear}.countdown b{display:inline-block;position:relative}.cashier .counter{align-items:flex-start;gap:2vw;height:30vh;padding:1.2em 3vw 1em;display:flex}.counter-items{flex-wrap:wrap;flex:1;align-content:flex-start;gap:1em .8em;display:flex}.counter-items .tile{animation:.4s cubic-bezier(.3,1.6,.5,1) pop-in}.counter-money{align-items:flex-start;gap:1.5em;display:flex}.given{flex-direction:column;gap:.3em;display:flex}.given .note{--nw:130px}.given .note+.note{margin-top:-2.6em}.change-tray{background:#ffffff8c;border:3px dashed #3b2a1a59;border-radius:18px;width:min(40vw,420px);padding:.6em;display:none}.change-tray.show{animation:.4s cubic-bezier(.3,1.6,.5,1) pop-in;display:block}.meter{background:#fff;border-radius:999px;height:2em;position:relative;overflow:hidden;box-shadow:inset 0 2px #00000014}.meter-text{text-align:center;font-weight:700;line-height:2em;display:block;position:relative}.tray-notes{flex-wrap:wrap;gap:.4em;margin-top:.5em;display:flex}.tray-notes .note{--nw:100px}.tray-stack{position:relative}.tray-stack[data-count="1"] .tray-count{display:none}.tray-count{background:var(--red);color:#fff;text-align:center;min-width:1.9em;box-shadow:0 3px 0 var(--red-dark);border-radius:999px;padding:.1em .4em;font-weight:700;position:absolute;top:-.6em;right:-.6em}.shop-layout{z-index:1;flex:1;gap:2vw;min-height:0;padding:0 3vw;display:flex;position:relative}.list-panel{background:repeating-linear-gradient(180deg, transparent 0 1.9em, #d0ebff 1.9em 2em), var(--paper);width:min(34vw,380px);max-height:100%;box-shadow:var(--shadow);border-radius:24px;flex:none;align-self:flex-start;padding:1em;overflow:auto;transform:rotate(-1.5deg)}.wallet{background:#fff3bf;border-radius:16px;align-items:center;gap:.4em;padding:.4em .8em;font-weight:600;display:flex}.wallet-icon{font-size:1.5em}.wallet-val{color:var(--green-dark);margin-left:auto;font-size:1.5em}.list-title{margin:.6em 0 .3em;font-size:1.4em}.list-items{flex-direction:column;gap:.6em;margin:0;padding:0;list-style:none;display:flex}.list-items li{align-items:center;gap:.7em;font-size:1.1em;font-weight:600;display:flex}.list-items .tile{font-size:.75em}.li-count{background:#fff3bf;border-radius:999px;margin-left:auto;padding:.05em .5em;font-size:.9em}.list-items li.done .li-count{display:none}.list-items .check{color:var(--green);margin-left:auto;font-size:1.6em;transition:transform .3s cubic-bezier(.3,1.8,.5,1);transform:scale(0)}.list-items li.done .check{transform:scale(1)}.list-items li.done .li-name{opacity:.6;text-decoration:line-through;text-decoration-thickness:3px}.free-hint{color:var(--ink-soft)}.shop-main{flex-direction:column;flex:1;align-items:center;gap:1em;min-width:0;display:flex;position:relative}.price-board{color:#b2f2bb;text-align:center;min-width:60%;box-shadow:var(--shadow);background:#1b4332;border:8px solid #495057;border-radius:24px;padding:.5em 1.5em}.price-board>span{opacity:.85;font-size:1.1em;display:block}.board-total{text-shadow:0 0 14px #b2f2bb99;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:3.4em;line-height:1.1;display:block}.board-sub{color:#ffe066;min-height:1.3em;font-weight:600}.scan-hint{opacity:.85;align-items:center;gap:1em;margin-top:1em;font-size:1.6em;display:flex}.scan-hint.hidden{display:none}.hint-card{width:7em;height:4.4em;box-shadow:var(--shadow);background:#fff;border-radius:14px;animation:2s ease-in-out infinite bob;position:relative;transform:rotate(-6deg)}.hint-bars{background:repeating-linear-gradient(90deg,#212529 0 3px,#0000 3px 5px,#212529 5px 6px,#0000 6px 9px,#212529 9px 13px,#0000 13px 15px);border-radius:2px;position:absolute;inset:.8em 1em}.hint-laser{background:#fa5252;border-radius:4px;height:4px;animation:1.4s ease-in-out infinite laser;position:absolute;top:50%;left:-10%;right:-10%;box-shadow:0 0 10px 2px #fa5252b3}@keyframes laser{0%,to{transform:translateY(-1.4em)}50%{transform:translateY(1.4em)}}.hint-arrow{font-size:2.2em;animation:1.2s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translate(10px)}}.pay-area{flex-wrap:wrap;justify-content:center;gap:.5em;display:flex;position:relative}.pay-area .card-slot{top:-4em}.pay-notes .note,.change-back .note{--nw:120px}.pay-notes{flex-wrap:wrap;justify-content:center;gap:.5em;display:flex}.change-back{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;display:flex}.change-label{text-align:center;width:100%;color:var(--green-dark);font-size:1.4em;font-weight:700}.change-back .slide-in{animation:.5s cubic-bezier(.3,1.5,.5,1) both slide-in}@keyframes slide-in{0%{opacity:0;transform:translateY(-80px)rotate(-20deg)scale(.5)}}.receipt{z-index:2;width:min(34vw,380px);max-height:0;box-shadow:var(--shadow);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),95% 100%,90% calc(100% - 8px),85% 100%,80% calc(100% - 8px),75% 100%,70% calc(100% - 8px),65% 100%,60% calc(100% - 8px),55% 100%,50% calc(100% - 8px),45% 100%,40% calc(100% - 8px),35% 100%,30% calc(100% - 8px),25% 100%,20% calc(100% - 8px),15% 100%,10% calc(100% - 8px),5% 100%,0 calc(100% - 8px));background:#fff;padding:0 1em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;transition:max-height 1.4s steps(14,end),padding .2s;position:absolute;top:0;left:3vw;overflow:hidden;transform:rotate(1.5deg)}.receipt.show{max-height:30em;padding:.8em 1em 1.4em}.r-head{text-align:center;font-family:var(--font);border-bottom:2px dashed #ced4da;margin-bottom:.3em;padding-bottom:.3em;font-size:1.2em;font-weight:700}.r-head small{color:var(--ink-soft);font-size:.7em;display:block}.r-row{justify-content:space-between;gap:.5em;padding:.1em 0;display:flex}.r-total{border-top:2px dashed #ced4da;margin-top:.3em;padding-top:.3em;font-weight:700}.r-foot{text-align:center;font-family:var(--font);margin-top:.5em}.basket-row{align-items:center;gap:2vw;height:26vh;padding:1em 3vw;display:flex}.basket{background:repeating-linear-gradient(45deg,#8c5a2b40 0 8px,#0000 8px 16px),repeating-linear-gradient(-45deg,#8c5a2b40 0 8px,#0000 8px 16px),#f4d19b;border:5px solid #8c5a2b;border-radius:24px;flex:1;align-items:center;gap:1em;height:100%;padding:.6em 1em;display:flex}.basket-icon{font-size:2.6em}.basket-items{flex-wrap:wrap;flex:1;align-content:center;gap:.9em .6em;max-height:100%;padding:.3em;display:flex;overflow:auto}.basket-items .tile{cursor:pointer}.btn-pay{min-width:8em}.choose-row{gap:1em;margin-top:1em;display:flex}.mode-card.small{text-align:center;border:4px solid var(--yellow);flex-direction:column;padding:1em 1.4em}.mode-card.small .mode-text b{font-size:1.5em}.settings{background:linear-gradient(#d0ebff,#fff4e6)}.settings-grid{flex:1;grid-template-columns:1fr 1fr;gap:1.5em;min-height:0;padding:0 3vw 3vh;display:grid;overflow:auto}.panel{box-shadow:var(--shadow);background:#fff;border-radius:24px;align-self:start;padding:1em 1.4em}.set-row{border-bottom:2px solid #f1f3f5;justify-content:space-between;align-items:center;gap:1em;padding:.7em 0;display:flex}.set-row small{color:var(--ink-soft);font-size:.8em;display:block}.set-actions{flex-wrap:wrap;gap:.8em;padding-top:1em;display:flex}.seg{background:#f1f3f5;border-radius:999px;padding:4px;display:flex}.seg button{border-radius:999px;min-height:48px;padding:0 1em;font-weight:600}.seg button.on{background:var(--yellow)}.switch{appearance:none;cursor:pointer;background:#dee2e6;border-radius:999px;flex:none;width:64px;height:36px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #0003}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(28px)}.debit-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1em;padding-top:1em;display:grid}.debit-grid .debit{--dw:100%;width:100%;font-size:.75em}.scantest .panel{margin:0 3vw}.scan-latest{background:#ebfbee;border-radius:18px;flex-wrap:wrap;align-items:center;gap:1em;margin:.6em 0;padding:1em;font-size:1.6em;font-weight:700;display:flex}.scan-latest.bad{background:#ffe3e3}.scan-latest code,.scan-log code{color:#b2f2bb;background:#212529;border-radius:8px;padding:.1em .5em}.scan-log{max-height:40vh;font-size:1.1em;line-height:2;overflow:auto}@media (aspect-ratio<=1){.home{flex-direction:column;padding-top:80px}.home-right{max-width:none}.settings-grid{grid-template-columns:1fr}.cashier .stage,.shop-layout{flex-direction:column}.register,.list-panel{width:100%}}