:root{--paper:#fbf1de;--crate:#f0e2c4;--tomato:#e85c3f;--leaf:#4c9a6a;--blue:#5b4b8a;--lemon:#f4b93e;--ink:#33291f;--line:#c8b795;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Nunito,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;padding-bottom:110px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:2px solid var(--ink);min-height:46px;color:var(--ink);background:var(--paper);border-radius:12px;padding:10px 18px;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:not(:disabled):active{transform:translateY(2px)}.awning{border-bottom:2px solid var(--ink);height:16px;display:flex;overflow:hidden}.awning span{background:var(--leaf);min-width:40px}.awning span:nth-child(2n){background:var(--paper)}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:auto;padding:28px 30px;display:flex}.brand{color:inherit;align-items:center;gap:12px;font:600 30px Fredoka,sans-serif;text-decoration:none;display:flex}.brand-icon{background:var(--leaf);border:2px solid var(--ink);color:var(--paper);border-radius:14px;place-items:center;width:52px;height:52px;display:grid;transform:rotate(-5deg)}.brand small{letter-spacing:1.9px;margin-top:3px;font:800 10px Nunito,sans-serif;display:block}.top-actions{align-items:center;gap:16px;display:flex}.status{max-width:150px;font-size:12px;font-weight:800}.icon-button{padding:4px 14px;font-size:24px}.icon-button[aria-pressed=true]{background:var(--lemon)}main{max-width:1100px;margin:32px auto;padding:0 24px}.heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:#5b6248;margin:0 0 8px;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.5px;margin-bottom:7px;font:600 clamp(30px,4vw,43px)/1.15 Fredoka,sans-serif}h2{font:500 26px Fredoka,sans-serif}h3{font:500 20px Fredoka,sans-serif}.subtitle{color:#6b5b48;margin:0}.stamp{border:2px solid var(--leaf);color:#306443;text-align:center;border-radius:50%;place-content:center;width:86px;height:86px;font:500 17px Fredoka;display:grid;transform:rotate(10deg)}.shop-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:34px;display:grid}.section-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-label h2{margin:0;font-size:22px}.section-label small{font-size:13px}.item-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.item{text-align:left;background:var(--crate);border:1.5px solid var(--line);border-top:7px solid #bba17a;border-radius:15px;flex-direction:column;justify-content:flex-end;min-height:171px;padding:17px 18px 14px;display:flex;position:relative}.item:hover{background:#eddbb6;border-color:#8c754e}.item .emoji{align-self:center;margin-bottom:12px;font-size:57px;line-height:1.25}.price-tag{background:var(--lemon);border:1px solid #ab7c23;border-radius:4px;padding:5px 9px;font-size:16px;position:absolute;top:9px;right:9px;transform:rotate(5deg)}.item-footer{justify-content:space-between;align-items:center;gap:5px;display:flex}.plus{border:1.5px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.scan-button{background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:19px;display:flex}.receipt{border:1.5px solid var(--line);border-top:5px solid var(--ink);background:#fffaf0;border-radius:3px 3px 14px 14px;padding:24px;position:sticky;top:20px}.receipt-heading{text-align:center;border-bottom:2px dashed var(--line);margin-bottom:15px;padding-bottom:18px}.receipt-heading h2{margin:0 0 5px}.receipt-heading small{letter-spacing:2px;font-size:11px}.empty{text-align:center;color:#76654e;padding:25px 8px}.empty .empty-icon{margin-bottom:12px;font-size:42px;display:block}.receipt-line{border-bottom:1px dashed var(--line);align-items:center;gap:8px;padding:10px 0;font-size:14px;display:flex}.receipt-line .line-name{flex:1}.remove{background:0 0;border:0;min-width:32px;min-height:40px;padding:0;font-size:22px}.total{justify-content:space-between;margin:22px 0;font:500 26px Fredoka;display:flex}.field{flex-direction:column;gap:7px;margin-bottom:16px;font-size:14px;font-weight:800;display:flex}input,select{width:100%;min-height:48px;color:var(--ink);background:#fffaf0;border:1.5px solid #a99778;border-radius:9px;padding:10px 12px;font-size:16px}input:focus,select:focus{outline:2px solid var(--leaf);outline-offset:2px}.primary{background:var(--tomato);color:#231a13}.wide{width:100%}.secondary{background:var(--crate)}.fine{color:#76654e;text-align:center;margin:14px 0 0;font-size:12px}.text-button{background:0 0;border:0;min-height:40px;padding:4px;font-size:14px;text-decoration:underline}.bottom-nav{background:var(--paper);border:2px solid var(--ink);z-index:10;width:min(460px,100% - 28px);padding:6px;padding-bottom:max(6px,env(safe-area-inset-bottom));border-radius:18px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.bottom-nav button{background:0 0;border:0;border-radius:11px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 3px;font-size:14px;display:flex}.bottom-nav button span{font:26px Arial}.bottom-nav button[aria-current=page]{background:var(--ink);color:var(--paper)}.panel{background:var(--crate);border:1.5px solid var(--line);border-radius:17px;padding:24px}.two-panel{grid-template-columns:310px 1fr;align-items:start;gap:28px;display:grid}.card-list{gap:20px;display:grid}.bank-card{background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:18px;grid-template-columns:1fr 110px;gap:12px;min-height:200px;padding:24px;display:grid}.bank-card .card-label{letter-spacing:2px;font-size:12px;font-weight:800}.bank-card .balance{margin:18px 0 8px;font:500 35px Fredoka}.bank-card h3{overflow-wrap:anywhere;margin:0}.qr{background:#fff;border-radius:7px;align-self:center;width:110px;height:110px}.card-bottom{justify-content:space-between;padding:10px 4px;display:flex}.button-row{flex-wrap:wrap;gap:10px;display:flex}.quick-panel{max-width:540px;margin:auto}.quick-panel .big-icon{text-align:center;margin:0 0 20px;font-size:50px}.chosen-card{background:var(--blue);color:#fff;border-radius:12px;margin:16px 0;padding:16px}.print-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:24px 0;display:flex}.segmented{gap:8px;display:flex}.segmented [aria-pressed=true]{background:var(--ink);color:var(--paper)}.item-form{grid-template-columns:2fr .7fr 1fr auto;align-items:end;gap:14px;display:grid}.item-form .field{margin:0}.sheet{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.print-item{text-align:center;break-inside:avoid;background:#fff;border:1px dashed #86775f;border-radius:8px;padding:18px}.print-item .emoji{font-size:32px}.print-item h3{margin:8px 0}.barcode{width:100%;max-width:230px;height:78px}.print-cards{grid-template-columns:repeat(2,1fr)}.print-cards .bank-card{break-inside:avoid}.sheet-title{display:none}#notice{z-index:30;background:#e1eedb;border:2px solid #346044;border-radius:14px;width:min(520px,100% - 28px);padding:16px 22px;font-weight:800;position:fixed;bottom:112px;left:50%;transform:translate(-50%)}#notice.gentle{background:#fff0c9;border-color:#927322}dialog{border:2px solid var(--ink);background:var(--paper);width:calc(100% - 30px);max-width:480px;color:var(--ink);border-radius:18px;padding:24px}dialog::backdrop{background:#33291faa}#scanner{border:2px dashed var(--line);border-radius:10px;min-height:170px;margin:20px 0;overflow:hidden}#scanner video{max-width:100%}#cancel-scan{width:100%}.loading{text-align:center;padding:70px 0}.history{margin-top:24px}.history ul{padding:0;list-style:none}.history li{border-bottom:1px dashed var(--line);padding:12px 0;font-size:14px}.print-empty{grid-column:1/-1}.sheet-note{text-align:center;margin:20px 0;font-size:12px;display:none}@media (width<=760px){.topbar{padding:18px 20px}.brand{font-size:25px}.brand small{letter-spacing:1px;font-size:8px}.brand-icon{width:43px;height:43px}.status{display:none}main{margin:24px auto;padding:0 18px}.shop-layout,.two-panel{grid-template-columns:1fr;gap:24px}.receipt{position:static}.stamp{flex-shrink:0;width:68px;height:68px;font-size:14px}.item-grid{gap:13px}.item{min-height:164px;padding:16px 12px 12px}.item-footer{font-size:17px}.sheet{grid-template-columns:repeat(2,1fr)}.print-cards{grid-template-columns:1fr}.item-form{grid-template-columns:1fr 1fr}.item-form .field:first-child,.item-form button{grid-column:1/-1}.heading{align-items:flex-start}.heading .subtitle{font-size:14px}.bank-card{padding:20px}.receipt-line{font-size:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@page{size:A4;margin:12mm}@media print{body{color:#000;background:#fff;padding:0;font-family:Arial,sans-serif}.awning,.topbar,.bottom-nav,.heading,.print-controls,#notice,dialog,noscript{display:none!important}main{max-width:none;margin:0;padding:0}.sheet-title{margin:0 0 8mm;font-size:24px;display:block}.sheet{grid-template-columns:repeat(3,1fr);gap:5mm}.print-item{border:1px dashed #555;border-radius:0;padding:5mm 3mm}.print-item h3{font-size:15px}.print-item .emoji{display:none}.barcode{height:19mm}.print-cards{grid-template-columns:repeat(2,1fr)}.bank-card{border:2px solid #000;grid-template-columns:1fr 27mm;min-height:52mm;padding:5mm;color:#000!important;background:#fff!important}.bank-card .balance{font-size:25px}.bank-card h3{font-size:18px}.qr{width:27mm;height:27mm}.sheet-note{display:block}.shop-layout,.two-panel,.quick-panel{display:none!important}}.bank-card{isolation:isolate;color:#fffaf0;background:#5b4b8a;border:2px solid #33291f;border-radius:22px;grid-template-columns:minmax(0,1fr) 106px;gap:18px;width:100%;min-width:0;max-width:530px;min-height:0;padding:24px;display:grid;position:relative;overflow:hidden}.bank-card-header{grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.card-brand{letter-spacing:-.5px;align-items:center;gap:10px;font:500 25px/1 Fredoka,sans-serif;display:flex}.card-monogram{border:1.5px solid #fffaf0;border-radius:10px;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.card-brand small{letter-spacing:2px;margin-top:6px;font:800 8px/1.4 Nunito,sans-serif;display:block}.card-type{text-align:right;letter-spacing:1.5px;font:600 10px/1.4 Nunito,sans-serif}.card-type strong{letter-spacing:1px;font-size:15px}.card-main{align-self:center;min-width:0}.chip-row{align-items:center;gap:9px;margin-bottom:14px;display:flex}.card-chip{fill:#f0d596;stroke:#816532;stroke-width:1.2px;width:39px;height:30px}.contactless{fill:none;stroke:#fffaf0;stroke-width:2px;stroke-linecap:round;width:22px;height:26px}.balance-label{letter-spacing:1.5px;font:700 9px/1.5 Nunito,sans-serif;display:block}.bank-card .balance{letter-spacing:-.6px;overflow-wrap:anywhere;margin:4px 0 12px;font:500 clamp(28px,3.2vw,38px)/1.1 Fredoka,sans-serif}.card-number{letter-spacing:2px;white-space:nowrap;font:500 12px/1.3 monospace}.card-number span{opacity:.75}.card-code{flex-direction:column;align-self:center;align-items:center;gap:9px;min-width:0;display:flex}.bank-card .qr{object-fit:contain;background:#fff;border-radius:7px;flex-shrink:0;max-width:100%;display:block;width:106px!important;height:106px!important}.card-code>span{letter-spacing:1.8px;white-space:nowrap;font:800 8px Nunito,sans-serif}.bank-card-footer{border-top:1px solid #ffffff40;grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:14px;padding-top:13px;display:flex}.card-owner{min-width:0}.card-owner>span{letter-spacing:1.8px;font:700 8px Nunito,sans-serif}.bank-card h3{overflow-wrap:anywhere;margin:4px 0 0;font:500 19px/1.2 Fredoka,sans-serif}.play-badge{text-align:right;letter-spacing:1px;flex-shrink:0;font:700 8px/1.5 Nunito,sans-serif}.play-badge strong{letter-spacing:0;font-size:9px;font-weight:600}.card-bottom{max-width:530px}.print-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.print-cards .bank-card{max-width:none}.card-list>div{min-width:0}@media (width<=760px){.bank-card{border-radius:18px;grid-template-columns:minmax(0,1fr) 92px;gap:16px 12px;padding:19px}.bank-card .qr{width:92px!important;height:92px!important}.card-brand{font-size:23px}.card-number{letter-spacing:1.5px;font-size:11px}.bank-card .balance{font-size:32px}.print-cards{grid-template-columns:1fr}.card-list .bank-card,.card-bottom{margin-inline:auto}.chip-row{margin-bottom:12px}}@media (width<=360px){.bank-card{grid-template-columns:minmax(0,1fr) 80px;padding:15px}.bank-card .qr{width:80px!important;height:80px!important}.bank-card .balance{font-size:28px}.card-brand{font-size:21px}.card-monogram{width:32px;height:32px}.card-number{letter-spacing:.7px}.play-badge{font-size:7px}}@media print{.print-cards{grid-template-columns:repeat(2,85.6mm);justify-content:start;gap:7mm}.bank-card{box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;print-color-adjust:exact;height:54mm;color:#000!important;background:#fff!important;border:.35mm solid #222!important;border-radius:3mm!important;grid-template-columns:minmax(0,1fr) 22mm!important;gap:2mm 3mm!important;width:85.6mm!important;max-width:85.6mm!important;min-height:54mm!important;padding:4mm!important}.card-brand{gap:2mm;font-size:15pt}.card-monogram{border-color:#222;border-radius:2mm;width:7mm;height:7mm;font-size:14pt}.card-brand small{letter-spacing:.8pt;margin-top:1mm;font-size:4.5pt}.card-type{letter-spacing:.5pt;font-size:5pt}.card-type strong{font-size:8pt}.chip-row{gap:2mm;margin-bottom:1mm}.card-chip{fill:#eee;stroke:#555;width:8mm;height:6mm}.contactless{stroke:#333;width:4mm;height:5mm}.balance-label{letter-spacing:.6pt;font-size:5pt}.bank-card .balance{margin:0 0 1mm;font-size:19pt;line-height:1.1}.card-number{letter-spacing:1pt;font-size:6pt}.bank-card .qr{border-radius:0;width:22mm!important;height:22mm!important}.card-code{gap:1mm}.card-code>span{letter-spacing:.6pt;font-size:4.5pt}.bank-card-footer{border-color:#aaa;gap:2mm;padding-top:1.5mm}.card-owner>span{letter-spacing:.7pt;font-size:4.5pt}.bank-card h3{max-width:48mm;margin:0;font-size:9pt;line-height:1.05}.play-badge{letter-spacing:.3pt;font-size:4.5pt}.play-badge strong{font-size:5pt}.print-cards .bank-card{max-width:85.6mm!important}}.bank-card{background:var(--card-color,#5b4b8a);-webkit-print-color-adjust:exact;print-color-adjust:exact}.card-color-picker{max-width:530px;margin:14px 0 0}.card-color-picker select{max-width:260px}.print-card-wrap{min-width:0}.colour-print-note{border:1px solid var(--line);background:var(--crate);border-radius:10px;margin:0 0 22px;padding:12px 16px;font-size:14px;line-height:1.6}@media print{.bank-card{background:var(--card-color,#5b4b8a)!important;color:#fffaf0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.bank-card *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.card-monogram{border-color:#fffaf0}.card-chip{fill:#f0d596;stroke:#816532}.contactless{stroke:#fffaf0}.bank-card-footer{border-color:#ffffff60}.bank-card .qr{background:#fff!important}.print-card-wrap{break-inside:avoid;page-break-inside:avoid}.sheet-note{overflow-wrap:anywhere;max-width:178mm}}.card-purpose{margin:4px 0 17px;font:500 21px/1.15 Fredoka,sans-serif;display:block}.live-balance{justify-content:space-between;align-items:center;gap:12px;max-width:530px;padding:16px 2px 4px;font-size:14px;display:flex}.live-balance strong{font:500 26px Fredoka,sans-serif}.item-photo{object-fit:contain;pointer-events:none;align-self:center;width:100%;height:100px;margin:12px 0;display:block}.item .price-tag{z-index:1}.print-item .item-photo{width:100%;height:90px;margin:0 auto 10px}.photo-upload{border-top:1px dashed var(--line);grid-column:1/-1;padding-top:16px}.photo-upload .field{margin:0}.photo-upload p{margin:8px 0 0;font-size:13px;line-height:1.5}.photo-upload input{background:var(--paper);max-width:100%;padding:9px;font-size:14px}.photo-upload input::file-selector-button{background:var(--crate);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:6px;margin-right:10px;padding:7px 10px}.item-submit{grid-column:1/-1;justify-self:end;min-width:160px}#photo-preview{align-items:center;gap:16px;margin-top:14px}#photo-preview:not([hidden]){display:flex}#photo-preview-image{object-fit:contain;border:1px dashed var(--line);background:var(--paper);border-radius:10px;width:96px;height:96px}@media print{.live-balance{display:none!important}.card-purpose{margin:1mm 0 2mm;font-size:11pt;line-height:1.1}.print-item .item-photo{object-fit:contain;width:100%;height:22mm;margin:0 0 2mm;display:block}.photo-upload{display:none!important}}.item-delete-button{color:#6d302a;min-height:38px;margin:12px auto 0;font-size:13px;display:block}.print-item{min-width:0}@media print{.item-delete-button{display:none!important}}