:root{--bg:#1c140f;--surface:#2a1f17;--surface-2:#34281e;--cream:#f3e9dc;--muted:#b9a892;--accent:#c98a3c;--accent-2:#7a5c3e;--green:#4a9d6b;--red:#c0573f;--radius:14px;--maxw:540px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--cream);-webkit-font-smoothing:antialiased;margin:0}.app{flex-direction:column;min-height:100%;display:flex}.page,.home{width:100%;max-width:var(--maxw);margin:0 auto;padding:20px 16px 48px}.muted{color:var(--muted)}.error{color:#ffb4a2;background:#c0573f26;border:1px solid #c0573f66;border-radius:10px;margin:4px 0 0;padding:10px 12px}code{background:#0000004d;border-radius:6px;padding:1px 6px;font-size:.9em}.home{text-align:center;padding-top:16vh}.home h1{margin:0 0 6px;font-size:2.4rem}.tagline{color:var(--muted);margin:0 0 32px}.home-actions{flex-direction:column;gap:14px;display:flex}.big-button{border-radius:var(--radius);background:var(--accent);color:#2a1a08;padding:18px;font-size:1.15rem;font-weight:600;text-decoration:none;display:block}.big-button.secondary{background:var(--surface-2);color:var(--cream)}.page-header{margin-bottom:18px}.page-header h1{align-items:center;gap:10px;margin:8px 0 0;font-size:1.6rem;display:flex}.back{color:var(--muted);font-size:.95rem;text-decoration:none}.count{background:var(--accent);color:#2a1a08;border-radius:999px;padding:1px 11px;font-size:1rem;font-weight:700}.placeholder{color:var(--muted);background:var(--surface);border:1px dashed var(--accent-2);border-radius:var(--radius);text-align:center;padding:28px;line-height:1.6}.order-form{flex-direction:column;gap:22px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field span{font-weight:600}input,textarea,select{font:inherit;color:var(--cream);background:var(--surface);border:1px solid var(--accent-2);border-radius:10px;width:100%;padding:12px 14px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}fieldset{border:none;margin:0;padding:0}legend{margin-bottom:10px;padding:0;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;cursor:pointer;background:var(--surface);color:var(--cream);border:1px solid var(--accent-2);border-radius:999px;align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.chip.selected{background:var(--accent);border-color:var(--accent);color:#2a1a08;font-weight:600}.chip.out{opacity:.4;cursor:not-allowed;text-decoration:line-through}.out-tag{text-transform:uppercase;letter-spacing:.04em;background:var(--red);color:#fff;border-radius:5px;padding:1px 5px;font-size:.7rem;text-decoration:none}.submit-btn{font:inherit;cursor:pointer;background:var(--accent);color:#2a1a08;border-radius:var(--radius);border:none;width:100%;padding:16px;font-size:1.1rem;font-weight:600}.submit-btn:disabled{opacity:.6;cursor:default}.status-card{text-align:center;background:var(--surface);border:1px solid var(--accent-2);border-radius:var(--radius);margin-top:8vh;padding:36px 24px}.status-emoji{font-size:3.5rem}.status-card h2{margin:8px 0 4px}.status-sub{color:var(--muted);margin:0 0 20px}.status-order{background:var(--bg);border-radius:10px;margin-bottom:22px;padding:14px}.status-notes{color:var(--muted);margin-top:6px;font-style:italic}.my-orders{margin-bottom:26px}.my-orders h2{margin:0 0 10px;font-size:1.1rem}.my-order{background:var(--surface);border:1px solid var(--accent-2);border-left:4px solid var(--accent);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.my-order.ready{border-color:var(--green);border-left-color:var(--green);background:#4a9d6b1f}.my-order-emoji{flex:none;font-size:1.6rem}.my-order-main{flex:1;min-width:0}.my-order-drink{font-weight:600}.my-order-notes{color:var(--muted);margin-top:2px;font-size:.9rem;font-style:italic}.my-order-status{color:var(--muted);text-align:right;flex:none;font-size:.85rem;font-weight:600}.my-order.ready .my-order-status{color:var(--green)}.add-toggle{font:inherit;cursor:pointer;background:var(--surface-2);width:100%;color:var(--cream);border:1px dashed var(--accent-2);border-radius:var(--radius);margin-bottom:18px;padding:14px}.add-form{background:var(--surface);border:1px solid var(--accent-2);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;display:flex}.add-actions{justify-content:flex-end;gap:10px;display:flex}.tickets{flex-direction:column;gap:12px;display:flex}.ticket{background:var(--surface);border:1px solid var(--accent-2);border-left:4px solid var(--accent);border-radius:var(--radius);padding:14px 16px}.ticket.making{border-left-color:var(--green)}.ticket-top{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.ticket-name{color:var(--cream);font-size:1.05rem;font-weight:700}.ticket-drink{margin-top:4px;font-size:1.25rem;font-weight:600}.ticket-meta{color:var(--muted);margin-top:2px}.ticket-notes{color:var(--cream);margin-top:6px;font-style:italic}.ticket-actions{align-items:center;gap:10px;margin-top:14px;display:flex}.btn{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-weight:600}.btn.start{background:var(--surface-2);color:var(--cream);border:1px solid var(--accent-2)}.btn.done{background:var(--green);color:#06210f;margin-left:auto}.btn.ghost{color:var(--muted);border:1px solid var(--accent-2);background:0 0}.making-tag{color:var(--green);font-weight:600}.done-section{border-top:1px solid var(--accent-2);margin-top:28px;padding-top:14px}.done-head{justify-content:space-between;align-items:center;display:flex}.done-head h2{color:var(--muted);margin:0;font-size:1.1rem}.done-list{margin:12px 0 0;padding:0;list-style:none}.done-list li{color:var(--muted);border-bottom:1px solid #7a5c3e4d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.link-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;font-size:.85rem}.header-row{justify-content:space-between;align-items:center;display:flex}.menu-link{color:var(--cream);background:var(--surface-2);border:1px solid var(--accent-2);border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600;text-decoration:none}.small{font-size:.9rem}.menu-group{margin-bottom:26px}.menu-group h2{margin:0 0 8px;font-size:1.1rem}.menu-row-wrap{border-bottom:1px solid #7a5c3e40;padding:8px 0}.menu-row{align-items:center;gap:10px;display:flex}.menu-row-wrap.out .menu-name{color:var(--muted);text-decoration:line-through}.attr-row{gap:6px;margin:8px 0 2px 56px;display:flex}.attr-pill{font:inherit;cursor:pointer;color:var(--muted);border:1px solid var(--accent-2);background:0 0;border-radius:999px;padding:3px 12px;font-size:.8rem}.attr-pill.on{background:var(--accent);border-color:var(--accent);color:#2a1a08;font-weight:600}.decaf-control{background:var(--surface);border:1px solid var(--accent-2);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:14px 16px;display:flex}.add-decaf{color:var(--cream);align-items:center;gap:8px;display:flex}.add-decaf input{width:auto}.qty-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.qty-item{background:var(--surface);border:1px solid var(--accent-2);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 8px 8px 14px;display:flex}.qty-name{align-items:center;gap:8px;display:flex}.qty-item.out .qty-name{color:var(--muted)}.qty-controls{align-items:center;gap:12px;display:flex}.qty-btn{border:1px solid var(--accent-2);background:var(--surface-2);width:36px;height:36px;color:var(--cream);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;display:flex}.qty-btn:disabled{opacity:.4;cursor:default}.qty-val{text-align:center;min-width:1.4ch;font-size:1.05rem;font-weight:700}.qty-check{color:var(--cream);white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;display:flex}.qty-check input{width:auto}.menu-name{background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:8px 10px}.menu-name:focus{border-color:var(--accent-2);background:var(--surface);outline:none}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;padding:6px 8px;font-size:1rem;line-height:1}.icon-btn:hover{color:var(--red)}.move-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;padding:6px 5px;font-size:1.05rem;line-height:1}.move-btn:hover:not(:disabled){color:var(--cream)}.move-btn:disabled{opacity:.25;cursor:default}.drag-handle{display:none}@media (hover:hover) and (pointer:fine){.drag-handle{color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;flex:none;align-items:center;padding:0 2px;font-size:1.1rem;line-height:1;display:flex}.drag-handle:active{cursor:grabbing}}.menu-row-wrap.drag-over{box-shadow:inset 0 3px 0 0 var(--accent)}.menu-add{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.menu-add>input{flex:140px;width:auto}.toggle{background:var(--surface-2);border:1px solid var(--accent-2);cursor:pointer;border-radius:999px;flex:none;width:46px;height:28px;padding:0;position:relative}.toggle .knob{background:var(--muted);border-radius:50%;width:22px;height:22px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--green);border-color:var(--green)}.toggle.on .knob{background:#fff;left:20px}.gate{background:var(--surface);border:1px solid var(--accent-2);border-radius:var(--radius);flex-direction:column;gap:14px;margin-top:6vh;padding:22px;display:flex}.status-card.ready{border-color:var(--green);box-shadow:0 0 0 2px #4a9d6b66}.status-card.ready .status-emoji{animation:.6s pop}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}