:root{--ink:#17201c;--muted:#68716c;--line:#dfe6df;--paper:#f7f5ef;--white:#fff;--red:#b23a30;--green:#23685a;--gold:#f0b95d;--blue:#2f6078;--shadow:0 18px 48px #17201c21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(180deg, #f0b95d29, #f7f5eff5 420px), var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:104px}.app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f5efeb;border-bottom:1px solid #17201c1f;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:70px;padding:12px clamp(16px,4vw,48px);display:grid;position:sticky;top:0}.brand-lockup{align-items:center;gap:10px;min-width:0;font-weight:900;display:inline-flex}.brand-mark{border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.brand-mark img{width:100%;height:100%;display:block}.top-nav{justify-content:center;align-items:center;gap:8px;display:flex}.top-nav button,.top-nav a,.language-button,.icon-button,.group-form button,.group-actions button,.card-actions button,.checkout-button,.submit-order,.preview-actions button,.preview-actions a,.back-link{border:1px solid var(--line);background:var(--white);min-height:40px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:7px;font-weight:850;display:inline-flex}.top-nav button,.top-nav a,.language-button{padding:0 12px}.top-nav button:hover,.top-nav a:hover,.language-button:hover,.group-actions button:hover,.preview-actions button:hover{color:var(--red);border-color:#b23a3059}.back-link{min-height:36px;color:var(--red);background:#b23a3014;border-color:#b23a303d;justify-self:start;padding:0 11px}.language-button{white-space:nowrap}.restaurant-hero{background:#111a17;min-height:clamp(420px,62vh,620px);position:relative;overflow:hidden}.restaurant-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.restaurant-hero:after{content:"";background:linear-gradient(90deg,#090e0cf0,#090e0c94 48%,#090e0c1a),linear-gradient(#0000 48%,#090e0cad);position:absolute;inset:0}.hero-overlay{z-index:1;min-height:inherit;width:min(1180px,100% - 32px);color:var(--white);align-content:end;margin:0 auto;padding:clamp(34px,7vw,76px) 0;display:grid;position:relative}.eyebrow{color:var(--red);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:900}.hero-overlay .eyebrow{color:var(--gold)}.hero-overlay h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(3.4rem,9vw,7rem);line-height:.9}.hero-overlay p:not(.eyebrow){color:#ffffffe0;max-width:650px;margin:20px 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.hero-facts{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.hero-facts span{background:#ffffff1c;border:1px solid #ffffff47;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-weight:800;display:inline-flex}.mode-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(1180px,100% - 32px);margin:16px auto 0;display:grid}.mode-strip button{border:1px solid var(--line);background:var(--white);min-height:54px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:flex}.mode-strip button.active{color:var(--white);border-color:var(--green);background:var(--green)}.merchant-band,.order-layout{width:min(1180px,100% - 32px);margin:0 auto}.merchant-band{justify-content:space-between;align-items:center;gap:18px;padding:28px 0 18px;display:flex}.merchant-band h2{margin:0;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1}.merchant-points{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.merchant-points span,.tag-row span,.people-list span{min-height:30px;color:var(--green);background:#23685a1a;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:.8rem;font-weight:900;display:inline-flex}.order-layout{grid-template-columns:minmax(0,1fr) minmax(330px,390px);align-items:start;gap:18px;padding-bottom:54px;scroll-margin-top:104px;display:grid}.main-pane{gap:14px;display:grid}.group-panel,.toolbar,.checkout-pane,.preview-pane,.order-basket,.menu-card{border:1px solid var(--line);background:#fffffff0;border-radius:8px;box-shadow:0 12px 34px #17201c12}.group-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.group-panel.active{background:linear-gradient(135deg,#fffffff5,#ecf8f4f5);border-color:#23685a4d}.group-panel h2,.group-panel p,.checkout-pane h2,.checkout-pane p,.preview-pane h2,.preview-pane p{margin:0}.group-panel p:not(.eyebrow),.preview-pane p{color:var(--muted);line-height:1.5}.group-form,.group-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.group-form input,.form-grid input,.form-grid select,.form-grid textarea,.search-box input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--white);border-radius:8px;outline:none}.group-form input{width:150px;min-height:40px;padding:0 10px}.group-form button,.group-actions button,.preview-actions button,.preview-actions a{padding:0 12px}.inline-message{color:var(--green);grid-column:1/-1;font-weight:800}.people-list{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.toolbar{grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:10px;padding:12px;display:grid}.category-tabs{flex-wrap:wrap;gap:8px;display:flex}.category-tabs button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:var(--white);border-radius:8px;padding:0 12px;font-weight:900}.category-tabs button.active{color:var(--white);border-color:var(--red);background:var(--red)}.search-box{border:1px solid var(--line);background:var(--white);border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:0 10px;display:flex}.search-box input{border:0;min-height:34px;padding:0}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.menu-card{min-height:298px;padding:14px;display:grid}.dish-art{aspect-ratio:16/10;background:radial-gradient(circle at 22% 26%,#b23a3057,#0000 30%),radial-gradient(circle at 76% 36%,#f0b95d8a,#0000 32%),linear-gradient(135deg,#10231f,#f2dbc0 58%,#fff8e9);border-radius:8px;place-items:center;margin-bottom:14px;display:grid;overflow:hidden}.dish-art img{object-fit:cover;width:100%;height:100%;display:block}.dish-art span{width:48px;height:48px;color:var(--white);background:#17201cf0;border-radius:8px;place-items:center;font-weight:900;display:grid}.menu-card-top{justify-content:space-between;gap:12px;display:flex}.menu-card h3,.cart-line h3,.cart-head h2{margin:0}.menu-card h3{font-size:1.05rem;line-height:1.25}.menu-card p{min-height:62px;color:var(--muted);margin:10px 0;line-height:1.45}.menu-card strong,.cart-line strong,.cart-total strong,.group-total strong,.checkout-summary strong{color:var(--red);font-weight:950}.tag-row{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.card-actions{gap:8px;margin-top:14px;display:grid}.card-actions button{width:100%;color:var(--white);border-color:var(--green);background:var(--green);padding:0 12px}.order-basket{padding:16px;position:sticky;top:86px}.cart-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.icon-button{width:40px;padding:0}.empty-cart{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;padding:20px}.cart-lines{gap:8px;display:grid}.cart-line{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:10px;padding:10px 0;display:grid}.cart-line small{color:var(--muted);margin-top:4px;display:block}.qty-control{border:1px solid var(--line);border-radius:8px;grid-template-columns:32px 32px 32px;place-items:center;width:max-content;margin-top:8px;display:grid;overflow:hidden}.qty-control button{width:32px;min-height:32px;color:var(--green);background:var(--white);border:0;place-items:center;display:grid}.qty-control span{font-weight:900}.cart-total,.group-total,.checkout-summary{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:14px 0;display:flex}.cart-total{border-top:2px solid var(--ink);margin-top:10px}.group-total{color:var(--green)}.checkout-button,.submit-order{width:100%;color:var(--white);border-color:var(--red);background:var(--red)}.bottom-order-bar{right:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #17201c29;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(138px,auto);align-items:center;gap:10px;width:min(620px,100% - 24px);padding:10px;display:grid;position:fixed;transform:translate(50%);box-shadow:0 18px 46px #17201c33}.bottom-order-bar div{gap:2px;min-width:0;padding-left:4px;display:grid}.bottom-order-bar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:900;overflow:hidden}.bottom-order-bar strong{color:var(--ink);font-size:1.12rem;font-weight:950}.bottom-order-bar button{border:1px solid var(--red);min-height:46px;color:var(--white);background:var(--red);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-weight:950;display:inline-flex}.bottom-order-bar button:disabled{cursor:not-allowed;opacity:.54}.checkout-button:disabled,.submit-order:disabled,.group-form button:disabled{cursor:not-allowed;opacity:.52}.checkout-pane,.preview-pane{gap:16px;padding:18px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid label{color:var(--muted);gap:7px;font-size:.86rem;font-weight:900;display:grid}.form-grid input,.form-grid select,.form-grid textarea{min-height:44px;padding:10px 12px}.full-field{grid-column:1/-1}.order-text{border:1px solid var(--line);color:#eff8f3;white-space:pre-wrap;background:#111a17;border-radius:8px;max-height:420px;margin:0;padding:16px;font-family:SFMono-Regular,Consolas,monospace;line-height:1.55;overflow:auto}.preview-actions{flex-wrap:wrap;gap:8px;display:flex}.preview-actions .submit-order{width:auto;padding:0 14px}.status-screen{place-items:center;min-height:100vh;display:grid}.status-screen div{justify-items:center;gap:14px;display:grid}.status-screen p{color:var(--muted);margin:0;font-weight:800}@media (width<=980px){.app-header{grid-template-columns:auto auto}.top-nav{display:none}.order-layout{grid-template-columns:1fr}.order-basket{position:static}.merchant-band,.group-panel{grid-template-columns:1fr;display:grid}.merchant-points,.group-form,.group-actions{justify-content:flex-start}}@media (width<=720px){.app-header{min-height:62px;padding:10px 14px}.brand-mark{width:36px;height:36px}.restaurant-hero{min-height:500px}.restaurant-hero:after{background:linear-gradient(#090e0ceb,#090e0c57 45%,#090e0ce6),linear-gradient(#0000 58%,#090e0cb8)}.mode-strip,.merchant-band,.order-layout{width:min(100% - 20px,1180px)}.toolbar,.menu-grid,.form-grid{grid-template-columns:1fr}.group-form input{width:100%}}@media (width<=460px){.brand-lockup span:last-child{display:none}.language-button{min-width:48px;padding:0 10px}.bottom-order-bar{grid-template-columns:minmax(0,1fr) minmax(112px,auto)}.bottom-order-bar button{padding:0 14px}}