.stage-characters{width:100%;min-height:100dvh;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));color:#f6f8fb;box-sizing:border-box;background:radial-gradient(at 50% 4%,#21344d 0%,#0b1426 58%,#070e19 100%);justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.stage-characters *{box-sizing:border-box}.stage-shell{width:100%;max-width:1440px;height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));flex-direction:column;gap:12px;min-height:410px;display:flex}.stage-viewer{isolation:isolate;background:#050a14;border:1px solid #9bb9dd2e;border-radius:20px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 12px 44px #00000059}.stage-avatar,.stage-avatar-poster,.stage-anam-video{width:100%;height:100%;position:absolute;inset:0}.stage-avatar{background:radial-gradient(at 50% 30%,#273653,#101b2c 68%,#07101c 100%)}.stage-avatar-poster{object-fit:contain;object-position:center center;display:block}.stage-anam-video{object-fit:contain;object-position:center center;opacity:0;pointer-events:none;background:#050a14}.stage-anam-video.is-active{opacity:1}.stage-avatar-loading{color:#b5c2d2;place-items:center;display:grid;position:absolute;inset:0}.stage-toolbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.stage-characters-select,.stage-mute,.stage-text-toggle{pointer-events:auto}.stage-text-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:48px;font:inherit;letter-spacing:.02em;white-space:nowrap;background:#0b1423e6;border:1px solid #dfe5f070;border-radius:14px;place-items:center;margin-left:auto;padding:0 16px;font-size:.92rem;display:grid}.stage-text-toggle.is-on{color:#e9c78a}.stage-characters-select{max-width:min(75%,340px);display:block;position:relative}.stage-characters-select select{appearance:auto;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0b1423e6;border:1px solid #dfe5f070;border-radius:13px;width:100%;max-width:100%;min-height:46px;padding:10px 14px;font-size:1rem;font-weight:600}.stage-characters-select select:focus-visible,.stage-characters button:focus-visible,.stage-input input:focus-visible{outline-offset:2px;outline:2px solid #ddb97a}.stage-characters-select select option{color:#fff;background:#101d32}.stage-mute{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1423e6;border:1px solid #dfe5f070;border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.stage-mute svg{width:25px;height:25px}.stage-mute.is-muted{color:#e9c78a}.stage-controls{flex-direction:column;flex:none;gap:11px;min-width:0;display:flex}.stage-questions{scrollbar-width:thin;scrollbar-color:#526b88 transparent;align-items:center;gap:10px;width:100%;min-width:0;padding:2px 0 7px;display:flex;overflow:auto hidden}.stage-questions button{white-space:normal;text-align:left;color:#f2f5fa;cursor:pointer;background:#1b2d46c7;border:1px solid #b8cbe661;border-radius:25px;flex:none;max-width:min(350px,82vw);min-height:45px;padding:10px 17px;font:500 .89rem/1.33 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .16s,border-color .16s}.stage-questions button:hover{background:#365274;border-color:#d8bb8b}.stage-questions button:disabled{opacity:.48;cursor:wait}.stage-input{background:#16253d;border:1px solid #b8cbe673;border-radius:19px;align-items:center;gap:4px;min-height:62px;padding:5px 7px 5px 16px;display:flex;box-shadow:0 6px 16px #0000002e}.stage-input input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;height:49px;padding:8px 0;font:400 1.03rem/1.4 system-ui,sans-serif}.stage-input input::placeholder{color:#b0bfd1;opacity:1}.stage-input button{color:#ebeff6;cursor:pointer;background:0 0;border:0;border-radius:13px;flex:0 0 48px;place-items:center;height:48px;display:grid}.stage-input button svg{width:25px;height:25px}.stage-microphone.listening{color:#fff;background:#894342;animation:1.1s infinite alternate stage-mic-pulse}.stage-input .stage-send{color:#111b2b;background:#d5b681}.stage-input button:disabled{opacity:.42;cursor:default}.stage-thinking{color:#b5c2d2;margin:0 0 6px;padding:0 4px;font-size:.9rem;line-height:1.4;animation:1.4s ease-in-out infinite alternate stage-thinking}@keyframes stage-thinking{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.stage-thinking{animation:none}}.stage-feedback{z-index:2;color:#fff;text-align:center;background:#0a1625e3;border:1px solid #7b8da8;border-radius:12px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:11px 15px;font-size:.89rem;line-height:1.4;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes stage-mic-pulse{to{background:#ab5850}}@media (max-width:650px){.stage-characters{padding:6px 7px calc(8px + env(safe-area-inset-bottom,0px))}.stage-shell{height:calc(100dvh - 14px - env(safe-area-inset-bottom,0px));gap:8px;min-height:350px}.stage-viewer{border-radius:14px}.stage-avatar-poster,.stage-anam-video{object-fit:cover;object-position:center center}.stage-toolbar{top:10px;left:10px;right:10px}.stage-characters-select{max-width:calc(100% - 65px)}.stage-characters-select select{min-height:44px;padding:7px 10px;font-size:.94rem}.stage-mute{flex-basis:44px;width:44px;height:44px}.stage-text-toggle{height:44px;padding:0 12px;font-size:.84rem}.stage-questions{gap:8px;padding-bottom:3px}.stage-questions button{max-width:78vw;min-height:42px;padding:10px 13px;font-size:.82rem}.stage-input{border-radius:16px;min-height:58px;padding-left:12px}.stage-input input{height:46px;font-size:1rem}.stage-input button{flex-basis:44px;height:44px}.stage-feedback{bottom:12px}}@media (prefers-reduced-motion:reduce){.stage-microphone.listening{animation:none}.stage-questions button{transition:none}}@media (orientation:landscape) and (max-height:520px){.stage-characters{height:100dvh;min-height:0;padding:4px 7px calc(4px + env(safe-area-inset-bottom,0px))}.stage-shell{min-height:0;height:calc(100dvh - 8px - env(safe-area-inset-bottom,0px));gap:5px}.stage-viewer{border-radius:12px;min-height:100px}.stage-controls{gap:4px}.stage-questions{gap:7px;padding:0}.stage-questions button{max-width:270px;min-height:36px;padding:7px 12px;font-size:.78rem;line-height:1.2}.stage-input{border-radius:13px;min-height:46px;padding:3px 6px 3px 11px}.stage-input input{height:38px;font-size:16px}.stage-input button{border-radius:10px;flex-basis:39px;height:39px}.stage-toolbar{top:9px;left:9px;right:9px}.stage-characters-select select{min-height:39px;padding:6px 10px;font-size:.89rem}.stage-mute{flex-basis:39px;width:39px;height:39px}.stage-mute svg{width:21px;height:21px}}.stage-upload-backdrop{z-index:60;background:#000000c4;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.stage-upload-dialog{color:#f7f7f8;background:#111e33;border:1px solid #7991ac;border-radius:16px;width:min(690px,100%);max-height:calc(100dvh - 24px);padding:16px;overflow-y:auto;box-shadow:0 20px 60px #0009}.stage-upload-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.stage-upload-heading h2{margin:0;font-size:1.12rem}.stage-upload-heading button{color:#fff;cursor:pointer;background:0 0;border:0;padding:10px}.stage-upload-dialog p{color:#d6e0ed;font-size:.88rem;line-height:1.45}.stage-upload-dialog h3{margin:14px 0 8px;font-size:1rem}.stage-upload-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:9px;margin-top:12px;display:grid}.stage-upload-grid label{color:#e1ebf6;flex-direction:column;gap:5px;font-size:.85rem;display:flex}.stage-upload-grid input{color:#fff;background:#071426;border:1px solid #8798ae;border-radius:8px;width:100%;min-height:40px;padding:8px;font-size:16px}.stage-upload-actions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.stage-upload-actions button{color:#fff;cursor:pointer;background:#253b57;border:1px solid #8da2b9;border-radius:8px;padding:8px 10px}.stage-upload-actions button:disabled{opacity:.4;cursor:not-allowed}.stage-upload-list{margin:6px 0;padding:0;list-style:none}.stage-upload-list li{border-top:1px solid #334964;padding:9px 0;font-size:.88rem}.stage-upload-source{white-space:pre-wrap;word-break:break-word;background:#09152a;border-radius:8px;max-height:150px;padding:8px;overflow:auto}.stage-upload-message{background:#26354e;border-radius:8px;padding:10px}.stage-input .stage-attach{font-size:1.6rem;font-weight:500}.stage-anam-video{transition:opacity .16s}@media (prefers-reduced-motion:reduce){.stage-anam-video{transition:none}}.stage-avatar-poster.is-covered,.stage-avatar[data-booth-mode=portrait] .stage-avatar-poster,.stage-avatar[data-booth-mode=portrait] .stage-anam-video,.stage-avatar[data-booth-mode=text] .stage-avatar-poster,.stage-avatar[data-booth-mode=text] .stage-anam-video{visibility:hidden}.stage-avatar[data-booth-mode]{transition:background .4s}.stage-avatar[data-booth-mode=portrait]{background:radial-gradient(#101c33,#050a14 70%)}.stage-neon{pointer-events:none;width:100%;height:100%;animation:.5s both stage-fade-in;position:absolute;inset:0}.stage-caption{z-index:2;color:#f6f8fb;text-align:center;background:#070e19c7;border:1px solid #9bb9dd47;border-radius:14px;width:min(92%,980px);max-height:40%;margin:0;padding:12px 18px;font-size:clamp(1rem,1.9vw,1.35rem);line-height:1.45;animation:.35s both stage-fade-in;position:absolute;bottom:22px;left:50%;overflow-y:auto;transform:translate(-50%)}.stage-caption.is-text-only{background:0 0;border:0;max-height:80%;font-size:clamp(1.25rem,3vw,2.2rem);line-height:1.5;top:50%;bottom:auto;transform:translate(-50%,-50%)}.stage-shell.is-chat-hidden .stage-controls{display:none}@keyframes stage-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.stage-neon,.stage-caption{animation:none}}.stage-shell.is-booth .stage-characters-select{display:none}.stage-shell.is-booth .stage-toolbar{justify-content:flex-end}.stage-transcript{flex-direction:column;gap:8px;min-height:0;animation:.35s both stage-fade-in;display:flex;overflow-y:auto}.stage-transcript-answer{color:#f6f8fb;background:#16253de6;border:1px solid #9bb9dd47;border-radius:14px;margin:0;padding:14px 16px;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.5}.stage-transcript-status{color:#dfe7f1;background:#0a1625e3;border:1px solid #7b8da8;border-radius:11px;margin:0;padding:9px 13px;font-size:.9rem;line-height:1.4}@media (orientation:landscape) and (min-width:900px){.stage-shell.is-booth{flex-direction:row}.stage-shell.is-booth .stage-viewer{flex:60%;min-width:0}.stage-shell.is-booth .stage-controls{flex:0 0 min(40%,560px);min-height:0;overflow:hidden}.stage-shell.is-booth .stage-controls>*{flex-shrink:0}.stage-shell.is-booth .stage-controls>.stage-transcript{flex:1 1 0;min-height:0;overflow-y:auto}.stage-shell.is-booth .stage-questions{flex-wrap:wrap;flex-shrink:1;align-items:flex-start;min-height:52px;max-height:34%;overflow-y:auto}.stage-shell.is-booth.is-chat-hidden .stage-viewer{flex-basis:100%}}@media not ((orientation:landscape) and (min-width:900px)){.stage-characters:has(.stage-shell.is-booth){height:100dvh;overflow:hidden}.stage-shell.is-booth{height:calc(100dvh - 24px)}.stage-shell.is-booth .stage-viewer{flex:0 0 56%}.stage-shell.is-booth.is-chat-hidden .stage-viewer{flex:auto}.stage-shell.is-booth .stage-controls{flex:1 1 0;min-height:0;overflow-y:auto}.stage-shell.is-booth .stage-transcript{flex:auto;max-height:none}}html[data-kiosk] .stage-shell.is-booth{flex-direction:column}
