:root{--cream: #f7f1e6;--cream-2: #efe6d6;--ink: #241b16;--ink-soft: #5c4c42;--ink-faint: #8b7a6d;--line: #e0d3c0;--copper: #b56236;--copper-dark: #8e4a26;--fig: #6d3f52;--leaf: #5d7a45;--slate-bg: #14171c;--slate-card: #1e232b;--slate-line: #2c333d;--slate-text: #e8ecf2;--slate-muted: #97a1b0;--amber: #e0a02c;--green: #4f9d69;--blue: #5b8ff0;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius: 14px;--shadow-sm: 0 1px 2px rgba(36, 27, 22, .08);--shadow-md: 0 6px 20px rgba(36, 27, 22, .12);--shadow-lg: 0 -10px 40px rgba(36, 27, 22, .22);--phone: 430px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:#2a211c;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}a{color:inherit}.guest{max-width:var(--phone);margin:0 auto;min-height:100%;background:var(--cream);position:relative;box-shadow:0 0 60px #00000073;padding-bottom:env(safe-area-inset-bottom)}.guest-header{position:sticky;top:0;z-index:20;background:#f7f1e6f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.guest-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px 10px}.venue{font-family:var(--serif);font-size:22px;letter-spacing:.01em;margin:0}.venue-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:2px 0 0}.table-chip{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--copper-dark);background:#b562361a;border:1px solid rgba(181,98,54,.28);border-radius:999px;padding:5px 11px;white-space:nowrap}.pills{display:flex;gap:8px;overflow-x:auto;padding:4px 18px 12px;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pill{border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:999px;padding:7px 14px;font-size:13.5px;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}.pill[data-active=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.menu-body{padding:8px 0 132px}.category-title{font-family:var(--serif);font-size:17px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:26px 18px 12px;display:flex;align-items:center;gap:12px}.category-title:after{content:"";flex:1;height:1px;background:var(--line)}.card{display:block;width:100%;text-align:left;border:0;background:transparent;padding:0 18px;margin-bottom:26px}.card-media{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--cream-2);box-shadow:var(--shadow-sm)}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:active .card-media img{transform:scale(1.03)}.card-price{position:absolute;right:10px;bottom:10px;background:#f7f1e6f2;color:var(--ink);font-size:14px;font-weight:650;padding:5px 10px;border-radius:999px;box-shadow:var(--shadow-sm)}.card-name{font-family:var(--serif);font-size:19px;margin:12px 0 3px;line-height:1.25}.card-desc{margin:0;font-size:14px;line-height:1.45;color:var(--ink-soft)}.tags{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.tag{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:5px;color:var(--leaf);background:#5d7a451f}.tag[data-tag=gf]{color:var(--fig);background:#6d3f521f}.card[data-soldout=true]{cursor:default}.card[data-soldout=true] .card-media img{filter:grayscale(1) contrast(.85);opacity:.55}.card[data-soldout=true] .card-name,.card[data-soldout=true] .card-desc{color:var(--ink-faint)}.soldout-badge{position:absolute;inset:auto 0 0 0;top:0;display:grid;place-items:center;background:#241b1647}.soldout-badge span{background:var(--cream);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:7px 13px;border-radius:999px}.cart-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,var(--phone));padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--cream) 72%,rgba(247,241,230,0));z-index:30;animation:slide-up .34s cubic-bezier(.18,.9,.28,1.15)}@keyframes slide-up{0%{transform:translate(-50%,105%)}to{transform:translate(-50%)}}.cart-bar button{width:100%;border:0;border-radius:12px;background:var(--ink);color:var(--cream);padding:15px 18px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow-md)}.cart-bar .cart-bar-cta{color:var(--copper)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c141080;z-index:50;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;z-index:51;bottom:0;left:50%;width:min(100%,var(--phone));transform:translate(-50%);background:var(--cream);border-radius:22px 22px 0 0;box-shadow:var(--shadow-lg);max-height:92vh;overflow-y:auto;animation:sheet-in .42s cubic-bezier(.16,1.02,.3,1.08)}@keyframes sheet-in{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.sheet-grab{width:42px;height:4px;border-radius:3px;background:var(--line);margin:10px auto 0}.sheet-media{aspect-ratio:16 / 10;margin:12px 16px 0;border-radius:var(--radius);overflow:hidden}.sheet-media img{width:100%;height:100%;object-fit:cover;display:block}.sheet-body{padding:16px 20px 20px}.sheet-body h2{font-family:var(--serif);font-size:24px;margin:0 0 6px}.sheet-price{font-size:16px;font-weight:650;color:var(--copper-dark);margin:0 0 10px}.sheet-desc{margin:0;font-size:15px;line-height:1.5;color:var(--ink-soft)}.allergens{margin-top:14px;font-size:12.5px;color:var(--ink-faint);border-top:1px solid var(--line);padding-top:12px}.field-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:18px 0 7px}.note-input,.text-input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;font-size:15px;resize:none}.note-input:focus,.text-input:focus{outline:2px solid var(--copper);outline-offset:1px}.qty-row{display:flex;align-items:center;gap:16px;margin-top:8px}.stepper{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px;background:#fff}.stepper button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:20px;line-height:1;color:var(--ink)}.stepper button:disabled{color:var(--line);cursor:not-allowed}.stepper span{min-width:26px;text-align:center;font-weight:650}.btn-primary{border:0;border-radius:12px;background:var(--ink);color:var(--cream);padding:15px 18px;font-size:15px;font-weight:600;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.copper{background:var(--copper)}.btn-ghost{border:1px solid var(--line);background:transparent;border-radius:12px;padding:12px 16px;font-size:14px;width:100%}.sub-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f7f1e6f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.sub-header h1{font-family:var(--serif);font-size:20px;margin:0}.back-btn{border:1px solid var(--line);background:transparent;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px}.pad{padding:16px}.line{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.line-main{flex:1;min-width:0}.line-name{font-family:var(--serif);font-size:16.5px;margin:0 0 2px}.line-note{font-size:12.5px;color:var(--copper-dark);background:#b5623617;border-radius:6px;padding:3px 7px;display:inline-block;margin-top:5px}.line-price{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tip-grid button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 4px;font-size:14px;font-weight:600}.tip-grid button[data-active=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.tip-grid small{display:block;font-weight:400;font-size:11px;opacity:.7;margin-top:3px}.totals{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.totals-row{display:flex;justify-content:space-between;font-size:14.5px;color:var(--ink-soft);padding:4px 0;font-variant-numeric:tabular-nums}.totals-row.grand{color:var(--ink);font-size:19px;font-family:var(--serif);padding-top:10px;margin-top:6px;border-top:1px solid var(--line)}.card-form{margin-top:8px}.card-form-row{display:flex;gap:10px}.card-form-row>*{flex:1}.hint{font-size:12px;color:var(--ink-faint);line-height:1.5;margin-top:10px;background:var(--cream-2);border-radius:10px;padding:10px 12px}.hint code{font-size:11.5px;background:#0000000d;padding:1px 4px;border-radius:4px}.error-banner{background:#9e2d2d1a;border:1px solid rgba(158,45,45,.3);color:#8c2b2b;border-radius:10px;padding:11px 13px;font-size:14px;margin:14px 0}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(247,241,230,.35);border-top-color:var(--cream);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.receipt-top{text-align:center;padding:30px 20px 10px}.receipt-mark{width:58px;height:58px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;font-size:28px;margin:0 auto 14px}.receipt-top h1{font-family:var(--serif);font-size:26px;margin:0 0 4px}.order-code{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.progress{display:flex;align-items:flex-start;padding:26px 8px 10px}.step{flex:1;text-align:center;position:relative}.step-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:var(--cream);display:grid;place-items:center;margin:0 auto 8px;font-size:14px;color:var(--ink-faint);position:relative;z-index:2;transition:all .35s ease}.step[data-state=done] .step-dot{background:var(--leaf);border-color:var(--leaf);color:#fff}.step[data-state=current] .step-dot{border-color:var(--copper);color:var(--copper-dark);box-shadow:0 0 0 5px #b5623626}.step-label{font-size:12px;color:var(--ink-faint)}.step[data-state=current] .step-label{color:var(--ink);font-weight:650}.step:before{content:"";position:absolute;top:15px;right:50%;width:100%;height:2px;background:var(--line);z-index:1}.step:first-child:before{display:none}.step[data-state=done]:before,.step[data-state=current]:before{background:var(--leaf)}.status-note{text-align:center;font-size:14px;color:var(--ink-soft);margin:6px 20px 20px;line-height:1.5}.receipt-card{margin:0 16px 26px;background:#fffdf8;border:1px solid var(--line);border-radius:var(--radius);padding:4px 16px 16px;box-shadow:var(--shadow-sm)}.muted{color:var(--ink-faint)}.center{text-align:center}.loading,.empty-state{padding:60px 24px;text-align:center;color:var(--ink-faint);font-size:15px}.staff{min-height:100%;background:var(--slate-bg);color:var(--slate-text);font-family:var(--sans);display:flex;flex-direction:column}.staff-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--slate-line);background:#171b21;position:sticky;top:0;z-index:10}.staff-header h1{font-size:16px;margin:0;letter-spacing:.02em}.staff-header .sub{font-size:12px;color:var(--slate-muted);margin-top:2px}.staff-nav{display:flex;gap:8px;align-items:center}.staff-nav a{font-size:13px;color:var(--slate-muted);text-decoration:none;border:1px solid var(--slate-line);border-radius:8px;padding:7px 11px}.staff-nav a[data-active=true]{color:var(--slate-text);background:var(--slate-card)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.lanes{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--slate-line)}@media (max-width: 860px){.lanes{grid-template-columns:1fr}}.lane{background:var(--slate-bg);padding:14px;min-height:220px}.lane-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-muted);margin-bottom:12px}.lane-count{background:var(--slate-card);border-radius:999px;padding:2px 9px;font-size:11px;letter-spacing:0}.ticket{background:var(--slate-card);border:1px solid var(--slate-line);border-left:3px solid var(--blue);border-radius:10px;padding:12px 13px;margin-bottom:10px}.ticket[data-status=preparing]{border-left-color:var(--amber)}.ticket[data-status=served]{border-left-color:var(--green);opacity:.72}.ticket[data-pending=true]{opacity:.5}.ticket-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ticket-table{font-size:15px;font-weight:650}.ticket-code{font-size:11px;color:var(--slate-muted);letter-spacing:.1em}.ticket-timer{font-size:13px;font-variant-numeric:tabular-nums;color:var(--slate-muted)}.ticket-timer[data-late=true]{color:var(--amber);font-weight:650}.ticket-items{list-style:none;margin:10px 0 0;padding:0}.ticket-items li{display:flex;gap:8px;font-size:13.5px;padding:3px 0;color:#d7dde6}.ticket-qty{color:var(--slate-muted);min-width:22px;font-variant-numeric:tabular-nums}.ticket-note{display:block;font-size:12px;color:var(--amber);margin-top:2px}.ticket-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--slate-line)}.ticket-total{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.advance{border:0;border-radius:8px;background:var(--blue);color:#08111f;font-size:13px;font-weight:650;padding:9px 13px}.advance[data-next=served]{background:var(--green);color:#06180d}.advance:disabled{opacity:.6;cursor:wait}.staff-footer{border-top:1px solid var(--slate-line);background:#171b21;padding:12px 20px;display:flex;gap:28px;flex-wrap:wrap;position:sticky;bottom:0}.stat-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-muted)}.stat-value{font-size:19px;font-weight:650;font-variant-numeric:tabular-nums;margin-top:2px}.staff-error{background:#c8464626;border-bottom:1px solid rgba(200,70,70,.4);color:#ffb3b3;font-size:13px;padding:9px 20px}.lane-empty{color:var(--slate-muted);font-size:13px;padding:18px 4px}.qr-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.qr-card{background:#fff;color:#14171c;border-radius:12px;padding:18px;text-align:center}.qr-card canvas{width:100%;height:auto;max-width:190px;image-rendering:pixelated}.qr-card h3{font-family:var(--serif);font-size:19px;margin:8px 0 2px}.qr-card .qr-sub{font-size:11.5px;color:#6b7280;letter-spacing:.08em;text-transform:uppercase}.qr-card a{font-size:11.5px;color:#3b6bb5;word-break:break-all;display:block;margin-top:6px}@media print{.staff-header,.staff-footer{display:none}.staff{background:#fff}.qr-card{border:1px solid #ddd;break-inside:avoid}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}