:root{--seafoam: #d4e4e1;--lagoon: #2c4a4e;--teal: #1a5c5e;--pure: #ffffff;--aqua: #89b8b4;--pearl-blue: #b5cdd1;--divider: rgba(26, 92, 94, .1);--font-display: "Instrument Serif", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-accent: "Playfair Display", Georgia, serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tracking: .3em;--green: #2c4a4e;--green-dark: #1a5c5e;--bg: #d4e4e1;--card: #ffffff;--ink: #2c4a4e;--muted: rgba(26, 92, 94, .6);--line: rgba(26, 92, 94, .18);--danger: #a3503f}*{box-sizing:border-box}html,body{margin:0;background:var(--seafoam);color:var(--lagoon);font-family:var(--font-body);-webkit-text-size-adjust:100%}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#print-root{display:none}button{font:inherit;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;padding:16px 16px calc(76px + env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;gap:16px}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:0;color:var(--lagoon);margin:8px 0 4px}h3{font-size:1.6rem;line-height:1.15}.muted{color:var(--muted)}.small{font-size:.85rem}.grow{flex:1;min-width:0}.accent{font-family:var(--font-accent);font-style:italic;color:var(--teal);margin:0}.btn{border:1px solid var(--line);background:var(--pure);color:var(--lagoon);border-radius:0;padding:16px 18px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking);font-size:.78rem;transition:all .3s ease}.btn.primary{background:var(--lagoon);border-color:var(--lagoon);color:var(--pure)}.btn.primary:hover:not(:disabled){background:var(--teal);border-color:var(--teal)}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.link{border:none;background:none;color:var(--teal);padding:6px 0;align-self:flex-start;text-decoration:underline}.btn:disabled{opacity:.4}.search,.field input,.field select,.row input{width:100%;padding:12px 2px;border:none;border-bottom:1px solid var(--teal);border-radius:0;background:transparent;color:var(--lagoon);font:inherit;transition:border-color .3s ease}.search:focus,.field input:focus,.field select:focus,.row input:focus{outline:none;border-bottom-color:var(--lagoon)}.search::placeholder,input::placeholder{color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field>span,.field-label{font-size:.7rem;text-transform:uppercase;letter-spacing:var(--tracking);color:var(--teal)}.field.checkbox{flex-direction:row;align-items:center;gap:10px}.field.checkbox input{width:auto;accent-color:var(--lagoon)}.row{display:flex;gap:8px;align-items:center}.total-row{justify-content:space-between;font-size:1.05rem;padding:8px 2px;border-top:1px solid var(--divider)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list-item,.cart-line,.history-item{display:flex;align-items:center;gap:12px;background:var(--pure);border:1px solid var(--divider);border-radius:0;padding:12px 14px}.list-item{cursor:pointer;transition:border-color .3s ease}.list-item:hover{border-color:var(--aqua)}.title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-variant-numeric:tabular-nums;font-weight:500}.add{font-size:1.3rem;color:var(--teal)}.thumb{width:46px;height:46px;border-radius:0;object-fit:cover;background:var(--pearl-blue)}.thumb.placeholder{background:var(--pearl-blue)}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:34px;height:34px;border-radius:0;border:1px solid var(--line);background:var(--pure);color:var(--lagoon);font-size:1.1rem}.remove{border:none;background:none;color:var(--muted);font-size:1rem}.cart-bar{position:fixed;left:16px;right:16px;bottom:calc(68px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;background:var(--lagoon);color:var(--pure);border:none;border-radius:0;padding:16px 18px;font-size:.78rem;text-transform:uppercase;letter-spacing:var(--tracking);box-shadow:0 6px 20px #2c4a4e40;z-index:10}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#d4e4e1e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--divider);padding-bottom:env(safe-area-inset-bottom);z-index:15}.tab{flex:1;border:none;background:none;padding:14px 4px;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:var(--tracking);position:relative;transition:color .3s ease}.tab.active{color:var(--lagoon)}.badge{position:absolute;top:6px;right:50%;transform:translate(18px);background:var(--lagoon);color:var(--pure);border-radius:0;font-size:.6rem;letter-spacing:0;padding:1px 5px}.receipt-preview{background:var(--pure);border:1px solid var(--divider);border-radius:0;padding:16px;font-family:var(--mono);font-size:12px;line-height:1.35;white-space:pre;overflow-x:auto;color:var(--lagoon)}.rcpt-line.bold{font-weight:700}.print-controls{display:flex;flex-direction:column;gap:10px;margin-top:4px}.hint{background:var(--pearl-blue);border:1px solid var(--divider);border-radius:0;padding:12px;font-size:.82rem;color:var(--teal)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--pure);border:1px solid var(--divider);border-radius:0;padding:44px 32px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;text-align:center}.login-card .wordmark{font-family:var(--font-display);font-size:3.4rem;line-height:1;margin:0}.login-card .wordmark-sub{margin:0 0 4px;text-transform:uppercase;letter-spacing:var(--tracking);font-size:.78rem;color:var(--teal)}.login-card .accent{margin:0 0 8px;font-size:1rem}.login-card input{width:100%;padding:12px 2px;border:none;border-bottom:1px solid var(--teal);border-radius:0;background:transparent}.login-card input:focus{outline:none;border-bottom-color:var(--lagoon)}.error-text{color:var(--danger);margin:0;font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c4a4e66;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{background:var(--pure);border-radius:0;padding:20px 18px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.toasts{position:fixed;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;z-index:30;pointer-events:none}.toast{background:var(--lagoon);color:var(--pure);padding:12px 14px;border-radius:0;font-size:.85rem;letter-spacing:.04em}.toast.error{background:var(--danger)}@media print{body *{visibility:hidden}#print-root,#print-root *{visibility:visible}#print-root{display:block;position:absolute;top:0;left:0;width:80mm;padding:4mm;font-family:var(--mono);font-size:12px;line-height:1.3;white-space:pre;color:#000}#print-root .bold{font-weight:700}}