:root{--ink:#102a43;--muted:#687789;--line:#e6eaf0;--blue:#0b57d0;--saff:#f28c28;--green:#15803d;--bg:#f7f9fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:720px;margin:auto;min-height:100vh;background:linear-gradient(#fff,#f7f9fc);padding-bottom:94px}header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center}.pin{width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,var(--saff),var(--green));display:grid;place-items:center;color:#fff;font-size:22px}.brand b{display:block;font-size:18px}.brand small{color:var(--muted)}.account,.btn{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 13px;font-weight:800;color:var(--ink)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.hero{padding:28px 18px 14px}.hero.small{padding-bottom:6px}.hero span{font-size:11px;letter-spacing:.14em;font-weight:900;color:#d66d0c}.hero h1{font-size:35px;line-height:1.05;margin:6px 0}.hero p{color:var(--muted);margin:0}.panel{margin:10px 14px;padding:16px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 45px rgba(16,42,67,.07)}.input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:13px;font:inherit}.searchrow,.row{display:flex;gap:9px}.searchrow .input{flex:1}.biz{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.biz h3{margin:0 0 4px}.biz small{color:var(--muted)}.actions{display:flex;gap:7px;align-items:center}.tab{display:none}.tab.active{display:block}.empty{text-align:center;color:var(--muted);padding:34px}.item{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.item small{display:block;color:var(--muted)}.qty{display:flex;gap:7px;align-items:center}.qty button{width:31px;height:31px;border-radius:10px;border:1px solid var(--line);background:#fff}.summary{margin-top:16px;background:#f8fafc;border-radius:16px;padding:14px}.sumline{display:flex;justify-content:space-between;padding:4px 0}.total{font-size:20px;font-weight:900;border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.fulfil{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.fulfil label{border:1px solid var(--line);border-radius:14px;padding:12px}.camera{height:340px;background:#111827;border-radius:20px;position:relative;overflow:hidden;margin-bottom:10px}.camera video{width:100%;height:100%;object-fit:cover}.frame{position:absolute;inset:62px;border:3px solid white;border-radius:24px;box-shadow:0 0 0 999px #0006}.status{padding:18px;border-radius:18px;background:#f0fdf4;border:1px solid #bbf7d0;text-align:center}.timeline{display:grid;gap:8px;margin-top:14px}.step{display:flex;gap:9px;color:#94a3b8}.step.on{color:var(--green);font-weight:800}.receipt{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.receipt .notice{font-size:12px;background:#fff8ed;padding:10px;border-radius:10px;margin-top:12px}nav{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 20px));z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#fffffff2;backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:24px;padding:7px;box-shadow:0 16px 50px #102a4329}nav button{border:0;background:transparent;border-radius:16px;padding:8px 4px;color:#708096;font-weight:800}nav button i{display:block;font-style:normal;font-size:19px}nav button.active{background:#eff6ff;color:var(--ink)}nav .scan{margin-top:-22px;background:linear-gradient(145deg,var(--saff),#ff5d45);color:#fff;border:6px solid #fff;border-radius:24px}nav em{font-style:normal;background:#ef4444;color:#fff;border-radius:999px;font-size:10px;padding:1px 5px}.booking{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:540px){.hero h1{font-size:31px}.biz{grid-template-columns:1fr}.searchrow{display:grid}.panel{margin:8px 10px}.camera{height:300px}}

/* Persistent active-order UX */
.order-mode-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:6px;background:#f7f9fc;border:1px solid var(--line);border-radius:13px}.order-mode-title b{font-size:12px;letter-spacing:.08em}.order-mode-title span{font-size:12px;color:var(--muted)}.floating-basket{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:29;width:min(680px,calc(100% - 26px));border:0;border-radius:18px;padding:12px 14px;background:#102a43;color:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 18px 45px rgba(16,42,67,.28);text-align:left}.floating-basket>span:first-child{font-size:22px}.floating-basket>span:nth-child(2){display:grid;flex:1}.floating-basket small{font-size:9px;letter-spacing:.1em;color:#b9c6d5}.floating-basket b{font-size:13px}.floating-basket strong{font-size:11px}.session-note{font-size:12px;color:#687789;margin-top:14px}

/* 2026-09 theme polish */
.header-actions{display:flex;gap:8px;align-items:center}.theme-mini{width:42px;height:42px;padding:0;display:grid;place-items:center;font-size:18px}
html.apm-dark body{background:#07111f;color:#e9f0f7;color-scheme:dark}html.apm-dark .app{background:linear-gradient(#091421,#0b1625)}html.apm-dark header{background:#091421ee;border-color:#21344b}html.apm-dark .brand small,html.apm-dark .hero p,html.apm-dark .biz small,html.apm-dark .item small,html.apm-dark .session-note{color:#91a6ba}html.apm-dark .account,html.apm-dark .btn,html.apm-dark .qty button{background:#122236;color:#e8eef6;border-color:#2b4058}html.apm-dark .btn.primary{background:linear-gradient(135deg,#f28c28,#e5682e);color:#fff;border-color:transparent}html.apm-dark .panel,html.apm-dark .receipt{background:#0f1e2f;border-color:#263b53;box-shadow:0 18px 45px rgba(0,0,0,.22)}html.apm-dark .input{background:#0b1725;color:#edf3f9;border-color:#2a3d55}html.apm-dark .input::placeholder{color:#6f8399}html.apm-dark .summary,html.apm-dark .order-mode-title{background:#102137;border-color:#263b53}html.apm-dark .status{background:#10291f;border-color:#2d6348;color:#dff7e9}html.apm-dark nav{background:#0b1725ee;border-color:#24374d;box-shadow:0 16px 50px rgba(0,0,0,.35)}html.apm-dark nav button{color:#8fa3b8}html.apm-dark nav button.active{background:#16273b;color:#fff}html.apm-dark nav .scan{background:linear-gradient(145deg,#f28c28,#ef6239);border-color:#0b1725;color:#fff}html.apm-dark .floating-basket{background:linear-gradient(135deg,#f28c28,#d95e2a);color:#fff}html.apm-dark .camera{background:#02060b}.pin{box-shadow:0 8px 24px rgba(21,128,61,.18)}

.jan-word{color:#f47b20}.order-word{color:#138a3d}

/* Booking V2 */
.booking-v2{display:grid;gap:16px}.booking-hero{padding-bottom:6px}.booking-kicker{font-size:11px;letter-spacing:.13em;font-weight:900;color:var(--saff)}.booking-hero h2{font-size:28px;margin:5px 0}.booking-hero p{margin:0;color:var(--muted)}.booking-step,.booking-confirm-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.quick-dates{display:grid;grid-template-columns:auto auto 1fr;gap:8px;margin-top:10px}.guest-stepper{display:flex;align-items:center;gap:12px;margin-top:10px}.guest-stepper strong{font-size:24px;min-width:28px;text-align:center}.guest-stepper span{color:var(--muted);margin-right:auto}.booking-find{width:100%;padding:14px}.booking-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.slot-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 8px;color:var(--ink);cursor:pointer}.slot-card b{display:block;font-size:15px}.slot-card small{display:block;color:var(--green);font-size:10px;margin-top:3px}.slot-card.selected{outline:2px solid var(--green);background:#f1fbf5}.slot-card.disabled{opacity:.45;cursor:not-allowed}.booking-confirm-card{box-shadow:0 14px 34px rgba(16,42,67,.08)}.booking-confirm-card p{color:var(--muted)}.booking-foot{text-align:center;color:var(--muted);font-size:11px}.booking-success{text-align:center;padding:26px}.booking-id{margin:14px auto;padding:10px 14px;border-radius:999px;background:#f5f7fa;font-weight:800;width:max-content;max-width:100%}.apm-dark .booking-step,.apm-dark .booking-confirm-card,.apm-dark .slot-card{background:#172234;border-color:#2d3c50;color:#edf3f8}.apm-dark .slot-card.selected{background:#173322}.apm-dark .booking-id{background:#253247}
@media(max-width:520px){.quick-dates{grid-template-columns:1fr 1fr}.quick-dates input{grid-column:1/-1}.booking-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}