@charset "UTF-8";:root{--text-main: rgb(255, 255, 255);--text-muted: #4b5563;--kiosk-bg: #0b0f14;--kiosk-surface: #121823;--kiosk-surface-2: #182233;--kiosk-text: #e8eef8;--kiosk-muted: #9fb0c7;--kiosk-accent: #4da3ff;--kiosk-danger: #ff5b6e;--radius-xl: 24px;--radius-lg: 18px;--shadow: 0 10px 30px rgba(0,0,0,.35);--tap: 56px;--gap: 16px;--gap-lg: 24px;--pad: 20px;--pad-lg: 28px;--h1: clamp(28px, 3vw, 40px);--h2: clamp(20px, 2vw, 28px);--body: clamp(16px, 1.2vw, 18px)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--kiosk-bg);background-image:radial-gradient(1200px 800px at 20% 0%,#132033,transparent);background-attachment:fixed;color:var(--kiosk-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--body)}.kiosk-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.kiosk-topbar{padding:var(--pad);display:flex;align-items:center;gap:var(--gap);flex-wrap:nowrap}.kiosk-logo{height:clamp(36px,4.5vh,52px);max-height:52px;width:auto;max-width:160px;object-fit:contain;flex-shrink:0}@media(orientation:portrait){.kiosk-logo{height:clamp(40px,5vh,56px);max-width:180px}}@media(orientation:landscape)and (max-height:600px){.kiosk-logo{height:36px;max-width:140px}}.kiosk-title{font-size:var(--h2);font-weight:800;letter-spacing:.2px}.kiosk-content{padding:0 var(--pad);overflow-y:auto;height:100%}.kiosk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--gap)}.kiosk-grid>*{max-width:400px}.kiosk-card{background:linear-gradient(180deg,var(--kiosk-surface),rgba(18,24,35,.8));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:var(--pad-lg);box-shadow:var(--shadow);max-width:100%;word-wrap:break-word}.kiosk-card h3{margin:0 0 8px;font-size:var(--h2)}.kiosk-muted{color:var(--kiosk-muted)}.kiosk-btn{appearance:none;border:0;border-radius:var(--radius-lg);min-height:var(--tap);height:auto;padding:12px 18px;font-weight:800;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:normal;text-align:center}.kiosk-btn-primary{background:linear-gradient(180deg,#5bb2ff,var(--kiosk-accent));color:#07101d}.kiosk-btn-ghost{background:#ffffff0f;color:var(--kiosk-text);border:1px solid rgba(255,255,255,.1)}.kiosk-btn-danger{background:#ff5b6e1f;color:var(--kiosk-text);border:1px solid rgba(255,91,110,.25)}.kiosk-btn:active{transform:translateY(1px)}.kiosk-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:14px 16px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.kiosk-row+.kiosk-row{margin-top:10px}.kiosk-field{display:grid;gap:10px}.kiosk-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.kiosk-pill input{transform:scale(1.35)}button,.kiosk-card,.kiosk-row{-webkit-tap-highlight-color:transparent}.addon-section{margin-top:var(--gap-lg);padding-top:var(--gap-lg);border-top:1px solid rgba(255,255,255,.08)}.addons{display:grid;gap:12px;margin-top:var(--gap)}.addon-choice{appearance:none;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:#ffffff0a;color:var(--kiosk-text);padding:16px;cursor:pointer;text-align:left;transition:all .2s ease;min-height:var(--tap)}.addon-choice:hover{background:#ffffff14;border-color:#ffffff26}.addon-choice.selected{background:#4da3ff26;border-color:var(--kiosk-accent);box-shadow:0 0 0 2px #4da3ff40}.addon-info{display:flex;justify-content:space-between;align-items:center;gap:var(--gap)}.addon-name{font-weight:600;font-size:16px}.addon-price{color:var(--kiosk-accent);font-weight:700;font-size:16px}.addon-description{margin-top:8px;color:var(--kiosk-muted);font-size:14px;line-height:1.4}.kitchen-shell,.login-shell{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overscroll-behavior:none}.kitchen-shell{user-select:none;-webkit-user-select:none}.idle-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.idle-card{background:var(--kiosk-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:40px;text-align:center;max-width:400px}.idle-card h2{margin:0 0 12px;font-size:24px}.idle-card p{margin:0 0 24px;color:var(--kiosk-muted)}.idle-card strong{color:var(--kiosk-danger);font-size:20px}.kiosk-btn.added{background:linear-gradient(180deg,#3fb950,#2ea043)!important;color:#fff!important;transform:scale(1.02);transition:all .2s ease}@media(max-width:640px){:root{--pad: 12px;--pad-lg: 16px;--gap: 12px;--tap: 48px}.kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}.kiosk-btn{font-size:14px;padding:10px 14px}.kiosk-card{padding:var(--pad);border-radius:16px}}@media(min-width:1080px)and (min-height:700px){:root{--pad: 28px;--pad-lg: 36px;--gap: 16px;--gap-lg: 24px;--tap: 48px;--h1: clamp(28px, 2.5vw, 40px);--h2: clamp(20px, 2vw, 28px);--body: clamp(15px, 1.1vw, 17px)}.kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}.kiosk-btn{font-size:15px;padding:12px 20px;min-height:var(--tap)}.kiosk-card{padding:var(--pad)}.kiosk-topbar{padding:14px var(--pad)}}@media(min-width:1440px)and (min-height:700px){:root{--pad: 36px;--pad-lg: 44px;--gap: 20px;--gap-lg: 28px}.kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}}@media(min-width:1920px){:root{--pad: 48px;--pad-lg: 56px;--gap: 24px;--gap-lg: 32px;--tap: 52px}.kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(min-width:1080px)and (max-height:699px){:root{--pad: 32px;--pad-lg: 40px;--gap: 20px;--gap-lg: 32px;--tap: 64px;--h1: clamp(36px, 3.5vw, 52px);--h2: clamp(24px, 2.5vw, 36px);--body: clamp(18px, 1.4vw, 22px)}.kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap-lg)}.kiosk-btn{font-size:18px;padding:16px 24px;min-height:var(--tap)}.kiosk-card{padding:var(--pad-lg)}.kiosk-topbar{padding:var(--pad)}}@media(min-width:1400px)and (max-height:699px){:root{--pad: 48px;--pad-lg: 56px;--tap: 72px}.kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.kiosk-btn{font-size:20px;padding:18px 28px}}@media(orientation:landscape)and (max-height:600px){:root{--pad: 12px;--pad-lg: 16px}.kiosk-topbar{padding:8px var(--pad)}.kiosk-content{padding:0 var(--pad) 12px}}@media(orientation:portrait)and (min-width:1000px){.kiosk-grid{grid-template-columns:repeat(2,1fr)}.kiosk-topbar{padding:16px var(--pad)}}.kiosk-cart-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;margin:10px var(--pad) var(--pad);border-radius:var(--radius-lg);background:linear-gradient(180deg,#1a5fb4,#1450a0);color:#fff;text-decoration:none;font-weight:700;font-size:18px;z-index:1000;box-shadow:0 -4px 20px #0006;touch-action:manipulation}.kiosk-cart-bar:active{background:#1450a0}.cart-bar-count{background:#fff3;padding:6px 14px;border-radius:999px;font-size:15px}.cart-bar-label{font-size:20px}.cart-bar-total{font-size:22px;font-weight:900}