:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#081325;--panel:#071524c2;--panel-strong:#0a1a2cf5;--panel-soft:#ffffff0a;--text:#eff7ff;--muted:#a5bfd1;--accent:#39c8f0;--accent-dark:#0f7ca0;--danger:#ff8578;--success:#47d294;--line:#91bcd62e;--shadow:0 36px 90px #0000007a;--brand-primary:#39c8f0;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text)}#root{flex-direction:column;height:100%;display:flex}.kiosk-shell{background:radial-gradient(circle at top center, #dee9f41a, transparent 24%), radial-gradient(circle at top left, #39c8f029, transparent 30%), radial-gradient(circle at bottom right, #0b314dbd, transparent 44%), linear-gradient(180deg, var(--bg) 0%, #06111d 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.kiosk-header,.kiosk-footer{width:min(1180px,100vw - 2rem);color:var(--muted);letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1;background:#05101ba3;border:1px solid #ffffff14;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1rem auto 0;padding:1rem 1.4rem;font-size:.88rem;display:flex;position:relative;box-shadow:0 18px 40px #0000002e}.kiosk-footer{letter-spacing:.12em;margin-top:0;margin-bottom:1rem;font-size:.72rem}.kiosk-header-brand{letter-spacing:.28em;font-weight:700}.kiosk-header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.kiosk-main{flex:1;justify-content:center;align-items:stretch;width:min(1180px,100vw - 2rem);margin:0 auto 1.5rem;padding:1.5rem;display:flex}.kiosk-card{width:100%;box-shadow:var(--shadow);background:linear-gradient(#0a1a2cf5,#06121eeb),radial-gradient(circle at 0 0,#39c8f01f,#0000 26%);border:1px solid #ffffff14;border-radius:36px;flex-direction:column;gap:1.5rem;min-height:620px;padding:2.25rem;display:flex;position:relative;overflow:hidden}.kiosk-mode-badge,.kiosk-footer-status,.kiosk-footer-id{display:inline-block}.badge{color:var(--text);letter-spacing:.04em;background:#1383aa29;border-radius:999px;padding:.65rem 1rem;font-weight:700}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:18px;min-width:180px;padding:1rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .12s,opacity .12s,background-color .12s,box-shadow .12s}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, #1bd 100%);color:#fff;box-shadow:0 18px 30px #11bbdd2e}.secondary-button{color:var(--text);border:1px solid var(--line);background:#081621f0}.primary-button:disabled{opacity:.45;cursor:default}.session-timeout-modal-backdrop{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020a13c7;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.session-timeout-modal{text-align:center;background:radial-gradient(circle at 100% 0,#39c8f024,#0000 30%),linear-gradient(#0b1827fa,#06111cfa);border:1px solid #ffffff1f;border-radius:28px;width:min(560px,100%);padding:2rem;box-shadow:0 28px 60px #00000057}.session-timeout-modal-kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.76rem}.session-timeout-modal-title{margin:.75rem 0 0;font-size:clamp(2rem,4vw,2.6rem);line-height:1.1}.session-timeout-modal-body{max-width:34ch;color:var(--muted);margin:1rem auto 0;font-size:1rem;line-height:1.6}.session-timeout-modal-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.75rem;display:flex}@media (width<=720px){.kiosk-header,.kiosk-footer,.kiosk-main{width:calc(100vw - 1rem);padding-left:.75rem;padding-right:.75rem}.kiosk-header,.kiosk-footer{border-radius:22px}.kiosk-card{min-height:0;padding:1.25rem}.session-timeout-modal{padding:1.5rem}}@media (width<=540px){.primary-button,.secondary-button{width:100%}}.diagnostic-chip{z-index:50;pointer-events:none;background:#00000059;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;line-height:1;display:inline-flex;position:fixed;bottom:24px;right:24px}.diagnostic-chip-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:10px}.diagnostic-chip-code{opacity:.92;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600}.screen{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:1.25rem;display:flex;position:relative}.screen h1,.screen h2,.screen p{margin:0}.screen-title{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,4.4vw,4.5rem);line-height:1}.screen-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.34em;font-size:.82rem}.screen-body{color:var(--muted);max-width:34rem;font-size:1.05rem;line-height:1.7}.brand-lockup{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:1rem;width:fit-content;max-width:100%;padding:.72rem 1rem;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.brand-logo{width:112px;height:auto;display:block}.brand-logo-slot{background-image:var(--brand-logo-url,none);width:112px;height:48px;display:var(--brand-logo-display,none);background-position:0;background-repeat:no-repeat;background-size:contain}.brand-name-toggle{display:var(--brand-name-display,block)}.brand-divider{background:#ffffff2e;width:1px;height:24px}.brand-app{letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;font-size:.78rem}.intro-stage,.flow-stage{gap:1.5rem;display:grid}.intro-stage{grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);align-items:center;min-height:100%}.intro-copy,.flow-copy{align-content:center;gap:1rem;display:grid}.intro-copy{padding:.5rem 0}.intro-art,.flow-art{background:radial-gradient(circle at top,#f0f6fc24,#0000 28%),linear-gradient(145deg,#16166242 0%,#ff48ed00 58%),#ffffff08;border:1px solid #ffffff14;border-radius:30px;justify-content:center;align-items:flex-end;min-height:340px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.intro-art img,.flow-art img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 50px #00000061);width:min(100%,360px);max-height:440px;position:relative}.status-stage{align-content:center;justify-items:start;gap:1.2rem;min-height:100%;padding-right:min(24vw,240px);display:grid;position:relative}.status-stage .screen-body{max-width:36rem}.status-stage .error-text{text-align:left}.badge-row,.summary-row,.button-row,.qr-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.badge-row,.button-row,.qr-meta,.summary-row{justify-content:flex-start}.summary-pill{color:var(--text);letter-spacing:.04em;background:#1383aa29;border-radius:999px;padding:.65rem 1rem;font-weight:700}.summary-pill.emphasis{color:var(--accent);background:#39c8f02e}.summary-pill.warning{color:var(--danger);background:#ff857824}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071524bd;border-radius:24px;padding:1.25rem}.passenger-list{flex-direction:column;gap:1rem;display:flex}.passenger-row{border:1px solid var(--line);background:#0b1b27f5;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem 1.1rem;display:grid}.passenger-meta{flex-direction:column;gap:.35rem;display:flex}.passenger-name{font-size:1.15rem;font-weight:700}.passenger-allocation{color:var(--muted);font-size:.95rem}.counter{align-items:center;gap:.75rem;display:flex}.counter button{cursor:pointer;color:#f8fcfe;background:var(--accent-dark);border:0;border-radius:18px;width:48px;height:48px;font-family:inherit;font-size:1.6rem;transition:transform .12s,opacity .12s,background-color .12s,box-shadow .12s}.counter button:disabled{opacity:.4;cursor:default;transform:none}.counter-value{text-align:center;min-width:2ch;font-size:1.7rem;font-weight:800}.spinner{border:12px solid #39c8f01f;border-top-color:var(--accent);border-radius:50%;width:118px;height:118px;margin:0 auto;animation:1.2s linear infinite spin}.stage-spinner{margin:0}.print-animation{background:linear-gradient(#1383aa1f,#07121ceb),linear-gradient(90deg,#39c8f01a,#0000);border-radius:24px;width:min(100%,520px);height:220px;margin:0 auto;padding:1.5rem;position:relative;overflow:hidden}.printer-body{background:linear-gradient(#49677f,#28465c);border-radius:26px;width:280px;height:110px;position:absolute;bottom:42px;left:50%;transform:translate(-50%);box-shadow:inset 0 6px 18px #ffffff24}.printer-slot{background:#b3e1f033;border-radius:999px;width:180px;height:20px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.tag-strip{background:linear-gradient(#f7fbfd 0%,#d8e4eb 100%);border-radius:12px;width:132px;height:150px;animation:1.8s ease-in-out infinite feed;position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:0 12px 24px #18384a2e}.tag-strip:before,.tag-strip:after{content:"";background:#1383aa24;border-radius:999px;height:10px;position:absolute;left:16px;right:16px}.tag-strip:before{top:28px}.tag-strip:after{top:52px}.qr-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071524ad;border-radius:28px;justify-items:center;gap:1rem;padding:1.5rem;display:grid}.qr-frame{background:#f7fbfd;border-radius:24px;padding:1rem;box-shadow:inset 0 0 0 1px #23425d1f}.qr-frame img{width:min(58vw,260px);height:min(58vw,260px);display:block}.error-text{color:var(--danger);text-align:center;font-weight:700}.success-text{color:var(--success);text-align:center;font-weight:700}.countdown-text{color:var(--muted);font-size:.95rem}.status-dashboard{align-content:start;gap:1.2rem;display:grid}.status-dashboard-title{letter-spacing:.04em;text-transform:uppercase;font-size:1.4rem;font-weight:800}.status-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.status-card{border:1px solid var(--line);background:#0b1b27f5;border-radius:18px;padding:1.1rem}.status-card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.45rem;font-size:.82rem}.status-card-value{font-size:1.15rem;font-weight:700}.status-connected{color:var(--success)}.status-disconnected{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes feed{0%{transform:translate(-50%,-18px)}50%{transform:translate(-50%,12px)}to{transform:translate(-50%,-18px)}}@media (width<=720px){.intro-stage{grid-template-columns:1fr}.intro-art,.flow-art{order:-1;min-height:240px}.status-stage{padding-right:0}.screen-title{letter-spacing:.08em;font-size:clamp(1.9rem,9vw,3rem)}.screen-body{font-size:1rem}.passenger-row{grid-template-columns:1fr}.counter{justify-content:center}}@media (width<=540px){.brand-lockup{justify-content:center;gap:.75rem;width:100%}.brand-logo{width:92px}.brand-app{letter-spacing:.22em;font-size:.72rem}}