.bistro{--bistro-ink:#fff4db;--bistro-muted:#d5c4a5;--bistro-bg:#142d29;--bistro-gold:#efc575;color:var(--bistro-ink);background:var(--bistro-bg);max-width:1240px;margin:24px auto;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #0003}.bistro button,.bistro input,.bistro select{font:inherit}.bistro button{cursor:pointer;border:1px solid #8f997b;border-radius:10px;padding:10px 16px;background:#213d35;color:var(--bistro-ink)}.bistro button:disabled{cursor:default;opacity:.75}.bistro button:focus-visible,.bistro input:focus-visible,.bistro select:focus-visible{outline:3px solid var(--bistro-gold);outline-offset:3px}.bistro-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;gap:16px}.bistro-header a{color:var(--bistro-muted);font-size:13px}.bistro-eyebrow,.bistro-header p{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--bistro-gold);margin:10px 0}.bistro h1{font:clamp(28px,4vw,48px)/1.1 Georgia,serif;margin:0}.bistro h1 em{font-weight:400;color:var(--bistro-gold)}.bistro-header>span{color:var(--bistro-muted);font:italic 18px Georgia,serif}.bistro-hud{display:flex;gap:28px;align-items:center;padding:12px 32px;background:#0c211e;flex-wrap:wrap;font-size:13px;color:var(--bistro-muted)}.bistro-hud b{color:var(--bistro-ink);font-size:20px}.bistro-hud button{margin-left:auto}.bistro-scene{position:relative;min-height:440px;background:linear-gradient(0deg,#09201c44,transparent 65%),url(/images/typing-restaurant/bistro.webp) 50%/cover}.bistro-orders{display:flex;gap:22px;justify-content:center;align-items:flex-end;padding:165px 28px 32px;min-height:440px}.bistro .bistro-ticket{width:230px;background:#fff4db;color:#243d32;border:3px solid #d2b779;border-radius:6px 6px 22px 22px;box-shadow:0 15px 25px #0006;text-align:center;padding:12px;transition:transform .2s}.bistro-ticket[aria-pressed=true]{transform:translateY(-12px);outline:3px solid #f9df94;outline-offset:4px}.bistro-ticket small{font-size:10px;letter-spacing:.18em;display:block;color:#66543a}.bistro-ticket strong{display:block;font:20px Georgia,serif;margin-top:8px}.bistro-ticket svg{width:100%;height:120px}.bistro-ticket>span{font-size:12px}.bistro-ticket progress{display:block;width:100%;height:6px;margin-top:10px;accent-color:#2b624b}.bistro-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#061a1755;padding:16px;backdrop-filter:blur(2px)}.bistro-dialog{background:#142d29f5;border:1px solid #b89b60;max-width:470px;text-align:center;padding:30px;border-radius:20px;box-shadow:0 24px 70px #0006}.bistro h2{font:32px/1.15 Georgia,serif;margin:10px 0}.bistro-dialog p{color:var(--bistro-muted)}.bistro-dialog label{display:block;margin:20px 0;font-size:13px}.bistro select{display:block;background:#fff4db;color:#243d32;width:100%;padding:10px;border-radius:8px;margin-top:8px}.bistro .bistro-primary{background:var(--bistro-gold);color:#142d29;font-weight:750;border:0;padding:14px 22px}.bistro-dialog>button{margin:5px}.bistro-console{display:grid;grid-template-columns:1fr auto;gap:24px;padding:22px 32px;background:#0c211e}.bistro-word{font:32px/1.2 Georgia,serif;margin:8px 0 16px;overflow-wrap:anywhere}.bistro-word span{color:#96d7a7}.bistro-word mark{background:var(--bistro-gold);color:#142d29;border-radius:3px}.bistro input{width:100%;background:#fff9ec;color:#19362b;border:2px solid #baac83;border-radius:10px;padding:13px;max-width:540px}.bistro input::placeholder{color:#546455}.bistro-steps{display:flex;justify-content:center;flex-direction:column;gap:8px;min-width:180px}.bistro-steps>span{color:var(--bistro-muted);font-size:13px}.bistro-steps>span[data-done=true]{color:#96d7a7}.bistro-serve{display:flex;flex-wrap:wrap;gap:6px;max-width:260px}.bistro-result{padding:28px}.bistro-footer,.bistro-result{display:flex;justify-content:space-between;gap:20px;align-items:center}.bistro-footer{padding:16px 32px;font-size:12px;color:var(--bistro-muted)}.bistro-notice{min-height:24px;padding:0 32px 12px;font-size:13px;color:var(--bistro-gold)}.bistro-confirm{padding:20px;border-top:1px solid #8f997b}.bistro-confirm button{margin:8px}.bistro-food{animation:bistro-plate .3s ease-out}@keyframes bistro-plate{0%{transform:translateY(-8px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.bistro{margin:10px 0;border-radius:14px}.bistro-header{padding:20px}.bistro-header>span{display:none}.bistro-hud{padding:12px;gap:12px}.bistro-hud b{font-size:16px}.bistro-orders{gap:8px;padding:185px 9px 30px;min-height:390px}.bistro .bistro-ticket{padding:6px;width:calc((100% - 16px)/3)}.bistro-ticket strong{font-size:15px;min-height:36px}.bistro-ticket svg{height:70px}.bistro-ticket>span{font-size:10px}.bistro-scene{min-height:390px}.bistro-dialog{padding:20px}.bistro h2{font-size:27px}.bistro-console{grid-template-columns:1fr;padding:20px;gap:12px}.bistro-steps{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.bistro-word{font-size:27px}.bistro-result{flex-direction:column;align-items:flex-start}.bistro-footer{padding:16px;align-items:flex-start}.bistro-notice{padding:0 20px 12px}}@media(prefers-reduced-motion:reduce){.bistro *{animation:none!important;transition:none!important}}