@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #fbf8f3;--bg-shell: #e7e5e0;--surface: #ffffff;--surface-hover: #fcfaf6;--ink: #2b2620;--ink-soft: #7a6f62;--muted: #8a7f6f;--muted-2: #bdb1a0;--border: #ede6da;--border-2: #ebe4d8;--border-3: #f0ebe1;--border-4: #f4efe6;--fill-soft: #f4ece0;--control-border: #e3dbcd;--outlet-briq: #8e1b2c;--outlet-bebop: #e2552b;--outlet-brock: #3c4a1e;--outlet-blue: #27406f;--ok: #2f6b45;--ok-bg: #e2f0e4;--warn: #946012;--warn-bg: #f7ecd3;--danger: #a53b27;--danger-bg: #fbeeea;--info: #355e78;--info-bg: #e3ecf2;--demo-bg: #fbf1dd;--demo-border: #eedfbe;--demo-amber: #946012;--demo-amber-soft: #8a6a30;--chip-amber-bg: #fbefd6;--on-ink: #faf7f1;--on-ink-soft: rgba(250, 247, 241, .62);--font-sans: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--elev-1: 0 1px 2px rgba(43, 38, 32, .04), 0 1px 3px rgba(43, 38, 32, .06);--elev-2: 0 4px 12px -2px rgba(43, 38, 32, .1), 0 2px 6px -2px rgba(43, 38, 32, .08);--elev-3: 0 18px 40px -12px rgba(43, 38, 32, .28), 0 6px 14px -6px rgba(43, 38, 32, .16);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tap: 52px;--radius: 14px;--cream: var(--bg);--cream-2: var(--fill-soft);--line: var(--control-border);--ink-2: var(--ink-soft);--accent: var(--ink);--accent-ink: #ffffff;font-family:Hanken Grotesk,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none}*{-webkit-tap-highlight-color:transparent}.mono,[data-mono]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}button,a,label,summary,header,nav,h1,h2,h3,h4,.row,.col,.spread,.center,[role=button],[data-chrome]{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable],.selectable,[data-selectable],.mono,[data-mono]{-webkit-user-select:text;user-select:text}.no-select{-webkit-user-select:none;user-select:none}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1;min-width:0}.center{display:grid;place-items:center}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:16px;box-shadow:var(--elev-1)}.card.is-link{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.card.is-link:hover{box-shadow:var(--elev-2);transform:translateY(-1px);border-color:var(--border)}.card.is-link:active{transform:translateY(0)}.basho-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:16px;box-shadow:var(--elev-1)}.basho-card.is-link{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.basho-card.is-link:hover{box-shadow:var(--elev-2);transform:translateY(-1px);border-color:var(--border)}.basho-card.is-link:active{transform:translateY(0)}.basho-clickable{cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .08s ease}.basho-clickable:hover{background:var(--surface-hover)}.basho-clickable:active,.basho-press:active{transform:scale(.97)}button{font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:600;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--control-border);border-radius:10px;min-height:var(--tap);padding:11px 16px;cursor:pointer;touch-action:manipulation;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease,filter .12s ease,transform .08s ease}button:hover:not(:disabled){filter:brightness(.97)}button:not(:disabled):active{transform:scale(.97)}button:disabled{opacity:.45;cursor:default;pointer-events:none}.btn-primary{background:var(--ink);color:#fff;border:none;box-shadow:var(--elev-1)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{color:var(--danger);background:#fff;border:1px solid #e7c9c0}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.qbtn{width:var(--tap);min-width:var(--tap);height:var(--tap);padding:0;border-radius:12px;display:grid;place-items:center;font-size:22px}input,select,textarea{font-family:Hanken Grotesk,system-ui,sans-serif;font-size:15px;width:100%;color:var(--ink);background:#fff;border:1px solid var(--control-border);border-radius:10px;padding:11px 13px;min-height:var(--tap)}textarea{min-height:88px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted-2)}@media(max-width:640px){input,select,textarea{font-size:16px}}select,select.basho{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' stroke='%237A6F62' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px;cursor:pointer}.basho-inline-edit{transition:border-color .12s ease,background-color .12s ease}.basho-inline-edit:focus{outline:none;border-color:var(--ink);background:var(--surface-hover)}@keyframes basho-saved{0%{border-color:var(--ok);background:var(--ok-bg)}to{border-color:var(--control-border);background:#fff}}.basho-saved-flash{animation:basho-saved .9s ease}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:600;line-height:1;background:var(--fill-soft);color:var(--ink-soft);border:1px solid var(--border-2)}.pill-ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}.pill-warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}.pill-bad{background:var(--danger-bg);color:var(--danger);border-color:transparent}.pill-info{background:var(--info-bg);color:var(--info);border-color:transparent}.pill-neutral{background:var(--fill-soft);color:var(--ink-soft);border-color:transparent}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-on{background:var(--ok)}.dot-off{background:var(--muted-2)}.selectable{cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.selectable:hover{background:var(--surface-hover)}.basho-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ddd2c0 transparent}.basho-scroll::-webkit-scrollbar{width:9px;height:9px}.basho-scroll::-webkit-scrollbar-thumb{background:#ddd2c0;border-radius:99px;border:3px solid transparent;background-clip:padding-box}.basho-scroll::-webkit-scrollbar-thumb:hover{background:#cdbfa8}.totbar{border-top:1px solid var(--border-3);padding-top:10px;margin-top:2px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}.grid-cell{position:relative;display:flex;min-height:96px}.grid-cell .cell-add{display:flex;flex-direction:column;justify-content:space-between;text-align:left;width:100%;min-height:96px;padding:14px;gap:8px;background:#fff;border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--elev-1)}.grid-cell .cell-add:hover:not(:disabled){box-shadow:var(--elev-2);transform:translateY(-1px)}.grid-cell .name{font-weight:600;line-height:1.2}.grid-cell.unavailable .cell-add{opacity:.5}.grid-cell .habis{align-self:flex-start;font-size:11px;font-weight:700;color:var(--danger);text-transform:uppercase;letter-spacing:.03em}.grid-cell .eighty-six{position:absolute;top:6px;right:6px;min-height:30px;height:30px;padding:0 9px;font-size:11.5px;font-weight:700;border-radius:8px;background:var(--fill-soft);border:1px solid var(--border-2);z-index:1}.toast{position:fixed;left:50%;bottom:calc(28px + var(--safe-bottom));transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-weight:600;font-size:14px;box-shadow:var(--elev-3);z-index:60;animation:basho-toast-in .24s cubic-bezier(.2,.7,.3,1) both}@keyframes basho-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes basho-screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.basho-screen-in{animation:basho-screen-in .22s cubic-bezier(.2,.7,.3,1) both}@keyframes basho-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes basho-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.basho-scrim{animation:basho-scrim-in .16s ease both}.basho-dialog{animation:basho-dialog-in .2s cubic-bezier(.2,.7,.3,1) both}.basho-splash{transition:opacity .5s ease}.basho-splash.is-hiding{opacity:0;pointer-events:none}@keyframes basho-splash-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes basho-fade-up{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes basho-fade-in{0%{opacity:0}to{opacity:1}}.basho-splash-mark{animation:basho-fade-up .6s cubic-bezier(.2,.7,.3,1) both}.basho-splash-word{animation:basho-fade-up .6s cubic-bezier(.2,.7,.3,1) .1s both}.basho-splash-tag{animation:basho-fade-up .6s cubic-bezier(.2,.7,.3,1) .26s both}.basho-splash-bar-wrap{animation:basho-fade-in .6s ease .55s both}.basho-rake-ring{transform-box:fill-box;transform-origin:center;vector-effect:non-scaling-stroke;opacity:0;animation:basho-rake 3s cubic-bezier(.22,.6,.3,1) infinite}.basho-rake-ring:nth-of-type(2){animation-delay:1s}.basho-rake-ring:nth-of-type(3){animation-delay:2s}@keyframes basho-rake{0%{transform:scale(.13);opacity:0}14%{opacity:.6}72%{opacity:.12}to{transform:scale(1);opacity:0}}@keyframes basho-stone{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.basho-rake-stone{transform-box:fill-box;transform-origin:center;animation:basho-stone 3s ease-in-out infinite}@keyframes basho-spin{to{transform:rotate(360deg)}}.basho-spin{animation:basho-spin .7s linear infinite}.receipt,.receipt .mono{font-size:14px}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:#fff;color:#000;padding:8px 10px;overflow:visible}.no-print{display:none!important}}@media(prefers-reduced-motion:reduce){.basho-screen-in,.basho-scrim,.basho-dialog,.toast,.basho-splash-mark,.basho-splash-word,.basho-splash-tag,.basho-splash-bar-wrap,.basho-rake-stone{animation:none!important}.basho-rake-ring{animation-duration:4s}*{scroll-behavior:auto!important}}