:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1e1b18;text-rendering:geometricprecision;background:#8a1818;font-family:Inter,Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:radial-gradient(circle at 15% 12%,#e3c1893d,#0000 28rem),radial-gradient(circle at 85% 18%,#8a18186b,#0000 28rem),linear-gradient(145deg,#8a1818 0%,#1e1b18 100%);min-height:100vh;margin:0}.kiosk-shell{place-items:center;min-height:100vh;padding:clamp(18px,3vw,44px);display:grid}.hero-panel{background:linear-gradient(135deg,#fff8f0fa,#f7f1eae6 52%),#f7f1ea;border:1px solid #e3c18947;border-radius:34px;width:min(1180px,100%);min-height:min(760px,100vh - 36px);padding:clamp(20px,4vw,44px);position:relative;overflow:hidden;box-shadow:0 34px 90px #00000057,inset 0 1px #ffffffbf}.ambient{pointer-events:none;filter:blur(2px);border-radius:999px;position:absolute}.ambient-one{background:linear-gradient(145deg,#8a18183d,#e3c1892e);width:360px;height:360px;animation:14s ease-in-out infinite alternate floatSlow;top:-150px;right:-120px}.ambient-two{background:linear-gradient(145deg,#1e1b182e,#e3c18929);width:260px;height:260px;animation:18s ease-in-out infinite alternate-reverse floatSlow;bottom:-120px;left:-110px}.top-bar{z-index:1;justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(24px,4vh,56px);display:flex;position:relative}.brand-logo{object-fit:contain;background:#fff8f0;border:1px solid #e3c18957;border-radius:18px;width:clamp(148px,20vw,232px);height:auto;padding:8px 12px;animation:.7s both logoIn;box-shadow:0 18px 38px #1e1b1829}.fullscreen-button{color:#fff8f0;letter-spacing:0;cursor:pointer;background:linear-gradient(145deg,#8a1818,#1e1b18);border:1px solid #e3c18980;border-radius:999px;min-height:44px;padding:0 20px;font-weight:800;transition:transform .16s,box-shadow .16s;box-shadow:0 14px 30px #8a181847}.fullscreen-button:active{transform:scale(.97);box-shadow:0 8px 22px #8a18183d}.layout-grid{z-index:1;grid-template-columns:minmax(280px,1fr) minmax(340px,.86fr);align-items:center;gap:clamp(24px,4vw,58px);display:grid;position:relative}.context-panel{max-width:560px;animation:.62s 90ms both slideIn}.eyebrow{color:#8a1818;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:.82rem;font-weight:900}h1{color:#1e1b18;letter-spacing:0;margin:0;font-size:clamp(2.6rem,5.3vw,5.9rem);line-height:.96}.order-title{color:#6b625b;max-width:48ch;margin:22px 0 0;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.5}.detail-list{gap:12px;margin:clamp(28px,5vh,54px) 0 0;display:grid}.detail-list div{background:#fff8f0c7;border:1px solid #e7d8c7e6;border-radius:20px;grid-template-columns:110px 1fr;align-items:center;gap:14px;padding:16px 18px;display:grid;box-shadow:0 18px 36px #1e1b180f}.detail-list span{color:#6b625b;font-size:.86rem;font-weight:800}.detail-list strong{color:#1e1b18;font-size:clamp(.98rem,1.4vw,1.2rem);line-height:1.35}.guidance{color:#8a1818;border-left:3px solid #e3c189;margin:clamp(22px,4vh,38px) 0 0;padding-left:18px;font-size:clamp(1rem,1.5vw,1.22rem);font-weight:800;line-height:1.45}.call-center{background:#fff8f0c7;border:1px solid #e3c18975;border-radius:999px;align-items:center;gap:12px;width:fit-content;margin-top:18px;padding:12px 16px;display:inline-flex;box-shadow:0 16px 34px #1e1b1814}.call-center span{color:#6b625b;letter-spacing:.04em;text-transform:uppercase;font-size:.84rem;font-weight:900}.call-center strong{color:#8a1818;font-size:clamp(1rem,1.35vw,1.18rem);font-weight:950}.qr-panel{justify-items:center;gap:18px;animation:.62s .19s both slideIn;display:grid}.qr-card{aspect-ratio:1;background:linear-gradient(145deg,#ffffff2e,#0000 34%),radial-gradient(circle at 20% 18%,#e3c18947,#0000 12rem),linear-gradient(145deg,#8a1818,#1e1b18);border-radius:36px;place-items:center;width:min(100%,500px);padding:clamp(26px,4vw,42px);display:grid;position:relative;box-shadow:0 34px 72px #1e1b1859,inset 0 1px #ffffff24}.qr-card:after{content:"";pointer-events:none;border:1px solid #e3c18947;border-radius:28px;position:absolute;inset:24px}.qr-status{z-index:2;color:#dff6e9;background:#2e7d5b2e;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:900;position:absolute;top:22px;left:22px}.qr-card[data-status=warning] .qr-status{color:#e3c189;background:#e3c18938}.qr-card[data-status=inactive] .qr-status{color:#ffd2d2;background:#a9444238}.qr-frame{aspect-ratio:1;background:#fff8f0;border:10px solid #fff8f0f2;border-radius:26px;place-items:center;width:min(78%,360px);display:grid;overflow:hidden;box-shadow:0 24px 48px #00000047,inset 0 0 0 1px #e3c18933}.qr-image{opacity:0;width:100%;height:100%;transition:opacity .24s,transform .24s;transform:scale(.98)}.qr-image.visible{opacity:1;transform:scale(1)}.qr-image.refreshed{animation:.42s both qrRefresh}.qr-placeholder{color:#8a1818;text-align:center;place-items:center;width:100%;height:100%;padding:24px;font-weight:900;line-height:1.35;display:grid}.qr-placeholder.hidden{display:none}.countdown-ring{z-index:2;color:#fff8f0;background:#fff8f01c;border:1px solid #e3c1896b;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:absolute;bottom:26px;right:26px;box-shadow:inset 0 1px #ffffff26}.countdown-ring span{font-size:1.8rem;font-weight:950;line-height:1;display:block}.countdown-ring small{color:#fff8f0b8;margin-top:-18px;font-size:.72rem;font-weight:800;display:block}.countdown-text,.network-text{text-align:center;color:#8a1818;margin:0;font-size:clamp(1rem,1.45vw,1.16rem);font-weight:850}.network-text{color:#6b625b;font-size:clamp(.9rem,1.25vw,1rem);font-weight:700}@media (width<=860px){.kiosk-shell{place-items:stretch stretch}.hero-panel{border-radius:28px;min-height:calc(100vh - 36px)}.top-bar{align-items:flex-start}.layout-grid{grid-template-columns:1fr;align-items:start}.context-panel{max-width:none}.detail-list{margin-top:24px}}@media (width<=560px){.kiosk-shell{padding:12px}.hero-panel{border-radius:24px;padding:18px}.top-bar{margin-bottom:22px}.brand-logo{width:138px}.fullscreen-button{min-height:40px;padding:0 14px}h1{font-size:clamp(2.15rem,12vw,3.4rem)}.detail-list div{grid-template-columns:1fr;gap:6px;padding:14px 16px}.qr-card{border-radius:28px;padding:22px}.qr-card:after{inset:16px}.qr-frame{border-width:8px;border-radius:22px;width:82%}.countdown-ring{width:76px;height:76px;bottom:18px;right:18px}}@media (orientation:landscape) and (height<=640px){.hero-panel{min-height:auto}.top-bar{margin-bottom:20px}.layout-grid{grid-template-columns:minmax(260px,.95fr) minmax(300px,.75fr)}.detail-list{margin-top:22px}.guidance{margin-top:18px}.call-center{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes logoIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSlow{0%{transform:translate(0,0)scale(1)}to{transform:translate(18px,-18px)scale(1.04)}}@keyframes qrRefresh{0%{opacity:.75;transform:scale(.985)}to{opacity:1;transform:scale(1)}}