@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--kiosk-bg-dark: #0f172a;--kiosk-bg-card: rgba(30, 41, 59, .7);--kiosk-border-color: rgba(255, 255, 255, .1);--kiosk-primary-cyan: #38bdf8;--kiosk-primary-indigo: #6366f1;--kiosk-accent-emerald: #34d399;--kiosk-text-main: #f8fafc;--kiosk-text-muted: #94a3b8;--kiosk-font: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif}body{background-color:var(--kiosk-bg-dark)!important;color:var(--kiosk-text-main)!important;font-family:var(--kiosk-font)!important}.agent-kiosk-container{display:flex;flex-direction:column;justify-content:space-between;height:100vh;width:100%;padding:14px 18px;position:relative;overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;transition:opacity .5s ease,filter .5s ease;box-sizing:border-box;background-color:#0f172a!important;color:#f8fafc!important}.agent-kiosk-container.dimmed{opacity:.25;filter:brightness(.4) contrast(.8)}.agent-kiosk-container .glass-panel{background:#1e293bb3!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 8px 32px #0000005e!important}.kiosk-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;margin-bottom:4px;flex-wrap:wrap;gap:10px;flex-shrink:0}.hotel-brand{display:flex;align-items:center;gap:12px}.hotel-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#38bdf8,#6366f1)!important;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 15px #38bdf84d}.hotel-name{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:#f8fafc!important}.hotel-location{font-size:.8rem;color:#94a3b8!important}.status-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:30px;font-size:.85rem;font-weight:600;background:#0f172a99!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;transition:all .3s ease}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#38bdf8;box-shadow:0 0 10px #38bdf8;animation:pulse-dot 2s infinite}.status-pill.awake .status-dot{background-color:#34d399;box-shadow:0 0 12px #34d399}.status-pill.speaking .status-dot{background-color:#38bdf8;box-shadow:0 0 15px #38bdf8}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.canvas-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;min-height:0;margin:4px 0;overflow:hidden}canvas#agentCanvas{width:100%;height:100%;max-height:100%;display:block}.wake-word-banner{text-align:center;margin-top:4px;margin-bottom:12px}.floatingHint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:500;color:#f8fafc!important;background:#1e293bd9!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.3)!important;box-shadow:0 4px 20px #0006;padding:8px 20px;border-radius:24px;animation:floatHint 3s ease-in-out infinite;transition:opacity .3s ease,transform .3s ease;z-index:10;pointer-events:none}@keyframes floatHint{0%,to{transform:translate(-50%);opacity:.9}50%{transform:translate(-50%,-8px);opacity:1}}.fallback-banner{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:500;color:#f8fafc!important;background:#1e293be6!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 20px #0006;padding:8px 20px;border-radius:24px;display:none;z-index:10}.wake-word-text{font-size:1rem;font-weight:600;color:#f1f5f9!important;background:#ffffff0d!important;padding:6px 18px;border-radius:20px;display:inline-block;border:1px solid rgba(255,255,255,.08)!important}.wake-word-highlight{color:#38bdf8!important;font-weight:700}.kiosk-bottom-dock{width:100%;max-width:850px;margin:0 auto;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.quick-actions-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:4px 0}.action-chip{background:#1e293bcc!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;padding:8px 16px;border-radius:30px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.action-chip:hover,.action-chip:active{background:#38bdf833!important;border-color:#38bdf8!important}.transcript-card{padding:12px 18px;margin-top:0;max-width:850px;width:100%;box-sizing:border-box}.transcript-speaker{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#38bdf8!important;margin-bottom:4px}.transcript-text{font-size:1rem;color:#f8fafc!important;line-height:1.4}.agent-kiosk-container .btn-primary{background:linear-gradient(135deg,#38bdf8,#6366f1)!important;color:#fff!important;font-weight:600;border:none;padding:12px 24px;border-radius:30px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #6366f159}@media(max-width:640px){.agent-kiosk-container{padding:10px}.kiosk-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px}canvas#agentCanvas{max-height:28vh;min-height:160px}.quick-actions-bar{gap:6px}.action-chip{padding:6px 12px;font-size:.8rem}.transcript-card{padding:10px 14px}}.overlay-question-btn{background:#0f172a99!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease;width:100%;box-sizing:border-box;font-family:var(--kiosk-font);display:flex;align-items:center;gap:8px}.overlay-question-btn:hover,.overlay-question-btn:active{background:#38bdf826!important;border-color:#38bdf8!important;transform:translateY(-1px)}