@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f3f7ff;background:#03060d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}.app-shell{min-height:100vh;background:radial-gradient(ellipse 60% 50% at 50% 42%,#10244e44,transparent 75%),#03060d}.topbar{height:72px;padding:0 clamp(18px,4vw,58px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff13;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border:1px solid #72a2ff40;border-radius:11px;display:grid;place-items:center;color:#94b7ff;background:#2049a02e;font-size:23px}.brand strong{font:800 14px Manrope,sans-serif;letter-spacing:-.4px;display:block}.brand small{display:block;color:#8190ad;font-size:10px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:11px}.mode-badge,.session-badge{font-size:10px;letter-spacing:.4px;color:#a8beef;border:1px solid #5786e452;border-radius:100px;padding:8px 12px;background:#3156ab1b}.icon-button{border:1px solid #ffffff25;background:#ffffff0b;color:#d9e5ff;border-radius:9px;width:34px;height:34px;font-size:17px}.icon-button:hover,.secondary-button:hover,.round-button:hover{background:#ffffff1b}.stage{min-height:calc(100vh - 72px);display:flex;flex-direction:column;position:relative;overflow:hidden}.stage-top{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,58px)}.stage-status{display:flex;align-items:center;gap:8px;color:#97a9c9;font-size:11px}.status-dot,.face-indicator{width:7px;height:7px;border-radius:50%;background:#6786b6;display:inline-block}.status-dot{box-shadow:0 0 0 4px #6786b622}.face-indicator.found{background:#75d9c2;box-shadow:0 0 0 4px #75d9c222}.stage-center{flex:1;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 20px;text-align:center}.visitor-bar{min-height:38px;display:flex;align-items:center;justify-content:center;gap:9px;background:#ffffff0b;border:1px solid #ffffff19;border-radius:100px;padding:5px 10px 5px 6px;margin-bottom:20px}.visitor-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#416fea59;color:#c6d9ff;font-weight:800;font-size:12px}.visitor-bar strong{display:block;font-size:10px;text-align:left}.visitor-bar span{display:block;font-size:9px;color:#8a9cbb;text-align:left}.tiny-button{border:0;background:#688cfb;color:white;border-radius:100px;font-size:10px;font-weight:700;padding:7px 9px}.stage-kicker,.speaker-label,.eyebrow{font-size:10px;letter-spacing:2px;color:#8fa9e5;font-weight:800;margin:0}.orb-wrap{width:clamp(260px,31vw,370px);height:clamp(260px,31vw,370px);position:relative;display:grid;place-items:center;margin:25px 0 26px}.orb-halo{position:absolute;inset:7%;border-radius:50%;background:#386bfa;filter:blur(54px);opacity:.25;animation:halo 5s ease-in-out infinite}.orb{width:76%;height:76%;border-radius:50%;position:relative;overflow:hidden;background:#2760e2;box-shadow:inset -16px -30px 60px #a4bbff38,inset 15px 25px 50px #3365ff9c,0 0 70px #396bf643;animation:float 6s ease-in-out infinite;transition:filter .35s,transform .35s}.orb-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 38% 17%,#416ff3 0,#285de2 44%,#79a6f3 77%,#d8e8ff 100%)}.orb-cloud{position:absolute;background:#f4f8ff;filter:blur(13px);opacity:.93;border-radius:50%;animation:cloud 9s ease-in-out infinite}.cloud-one{width:95%;height:53%;left:-13%;bottom:-8%;transform:rotate(13deg)}.cloud-two{width:72%;height:53%;right:-7%;bottom:-11%;filter:blur(17px);animation-delay:-3s}.cloud-three{width:50%;height:32%;left:18%;bottom:13%;filter:blur(20px);opacity:.62;animation-delay:-5s}.orb-sheen{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 28px #ffffff28}.orb-ring{position:absolute;inset:5%;border:1px solid #9bbcff2e;border-radius:50%;transition:.3s}.stage[data-state=speaking] .orb{animation:float 2.4s ease-in-out infinite,voicePulse 1s ease-in-out infinite}.stage[data-state=speaking] .orb-halo{opacity:.48;animation:halo 1.2s ease-in-out infinite}.stage[data-state=listening] .orb-ring{border-color:#a5c4ff8c;box-shadow:0 0 0 8px #5e8af514,0 0 0 20px #5e8af509;animation:listening 1.8s ease-in-out infinite}.stage[data-state=thinking] .orb{filter:saturate(.8)}.speech-area{max-width:850px;min-height:128px;display:flex;flex-direction:column;align-items:center}.speaker-label{color:#668cea}.speech-area h1{font:600 clamp(25px,3.2vw,38px)/1.32 Manrope,sans-serif;letter-spacing:-1.3px;margin:10px 0 6px;text-wrap:balance}.heard-text{font-size:12px;color:#8797b2;margin:4px 0 0;min-height:18px}.voice-line{display:flex;align-items:center;gap:9px;color:#a6b7d7;font-size:11px;margin-top:7px}.stage-bottom{padding:14px 20px 27px;text-align:center}.primary-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button{border-radius:100px;padding:11px 17px;font-weight:700;font-size:11px;transition:.2s}.primary-button{border:1px solid #7da6ff;background:#4779ed;color:white;box-shadow:0 8px 24px #3169e93b}.primary-button:hover{background:#598aff}.secondary-button{border:1px solid #ffffff24;background:#ffffff0a;color:#dce8ff}.round-button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff45;background:#ffffff17;color:#fff;font-size:17px;display:grid;place-items:center}.round-button.listening{box-shadow:0 0 0 5px #6f9bff2c}.text-entry{max-width:360px;margin:14px auto 0;color:#8fa0bc;font-size:11px}.text-entry summary{cursor:pointer;list-style:none}.text-entry summary:hover{color:#e3eaff}.composer{display:flex;gap:6px;margin-top:9px;padding:6px;border:1px solid #ffffff28;background:#ffffff0a;border-radius:10px}.composer input{min-width:0;flex:1;border:0;outline:0;background:none;color:white;font-size:12px;padding:4px 7px}.composer button{border:0;border-radius:7px;background:#4979e9;color:#fff;width:30px}.ai-disclosure{font-size:10px;color:#687893;margin:18px 0 0}.admin-panel{position:fixed;z-index:20;right:0;top:0;bottom:0;width:min(410px,100vw);overflow:auto;background:#101827;border-left:1px solid #ffffff22;box-shadow:-20px 0 70px #0008;padding:24px;transform:translateX(105%);transition:transform .28s ease}.admin-panel.open{transform:translateX(0)}.panel-backdrop{position:fixed;inset:0;background:#0008;z-index:19}.admin-header,.section-heading,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-header h2{font:800 22px Manrope;margin:3px 0 0}.admin-section{margin-top:29px;border-top:1px solid #ffffff16;padding-top:21px}.section-heading h3{font:700 13px Manrope;margin:0}.subtle-badge{font-size:10px;color:#adc2ed;border:1px solid #ffffff25;border-radius:100px;padding:5px 8px}.camera-frame{height:170px;margin-top:13px;position:relative;overflow:hidden;border-radius:11px;background:#080d18;display:grid;place-items:center}.camera-frame video,.camera-frame canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-frame canvas{pointer-events:none}.camera-placeholder{color:#8293b1;font-size:11px}.camera-line{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#92a4c4;font-size:10px;margin-top:7px}.link-button{border:0;background:none;color:#8fb3ff;font-size:10px;font-weight:700;padding:5px}.small-primary{border:1px solid #6f9af8;background:#3969d3;color:#fff;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.list{max-height:220px;overflow:auto;margin-top:9px}.muted{font-size:11px;color:#8292ae}.list-row{display:flex;align-items:center;gap:7px;border-top:1px solid #ffffff12;padding:9px 0;font-size:11px}.list-row strong{flex:1}.list-row span{font-size:10px;color:#8496b7}.delete-button{border:0;background:none;color:#eaa5a5;font-size:10px}.hidden-transcript{display:none}.modal{border:1px solid #ffffff29;border-radius:17px;background:#111c2e;color:#edf4ff;padding:24px;max-width:440px;width:calc(100% - 30px);box-shadow:0 30px 80px #0009}.modal::backdrop{background:#000a}.modal h2{font:800 18px Manrope;margin:0}.modal p{font-size:12px;line-height:1.55;color:#a5b3c9}.field-label{display:block;font-size:11px;font-weight:700;margin:17px 0 7px}.modal-input{width:100%;border:1px solid #ffffff28;background:#ffffff0b;color:#fff;border-radius:9px;padding:10px;outline-color:#7398f4}.modal-input option{background:#18243a}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;margin:16px 0}.check-row input{accent-color:#648cf0}.capture-status{background:#ffffff0b;color:#a5b3c9;border-radius:8px;padding:10px;font-size:11px;line-height:1.5}.modal-actions,.device-row{display:flex;justify-content:space-between;gap:8px;margin-top:11px}.device-row select{flex:1;min-width:0}.device-row button{white-space:nowrap}.voice-preview{margin-top:9px}.settings-help{border-top:1px solid #ffffff18;padding-top:15px}.toast{position:fixed;bottom:22px;right:22px;background:#294a8e;color:white;padding:12px 16px;border-radius:10px;font-size:12px;z-index:50;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-9px)}}@keyframes halo{50%{transform:scale(1.17);opacity:.42}}@keyframes cloud{50%{transform:translate(8px,-5px) rotate(-2deg)}}@keyframes voicePulse{50%{transform:scale(1.035) translateY(-5px)}}@keyframes listening{50%{transform:scale(1.04);opacity:.55}}@media(max-width:700px){.topbar{height:62px}.stage{min-height:calc(100vh - 62px)}.stage-top{padding:16px}.stage-center{min-height:400px}.orb-wrap{width:min(65vw,310px);height:min(65vw,310px);margin:15px 0}.speech-area{min-height:112px}.speech-area h1{font-size:25px}.stage-bottom{padding-bottom:17px}.mode-badge{display:none}.primary-controls{gap:7px}.primary-button,.secondary-button{padding:10px 12px;font-size:10px}}@media(max-height:690px){.stage-center{min-height:370px}.orb-wrap{width:230px;height:230px;margin:8px 0}.speech-area{min-height:95px}.stage-bottom{padding-bottom:13px}}
@media(min-width:701px){.stage{height:calc(100dvh - 72px);min-height:640px}.stage-center{min-height:0}.orb-wrap{width:min(31vw,34vh,340px);height:min(31vw,34vh,340px);margin:12px 0}.visitor-bar{margin-bottom:12px}.speech-area{min-height:100px}.stage-bottom{padding:10px 20px 18px}}
.modal textarea.modal-input{resize:vertical;line-height:1.45;min-height:82px}
.thinking-orb{position:absolute;width:76%;height:76%;z-index:2;opacity:0;transition:opacity .35s ease;filter:drop-shadow(0 0 22px #8bb3ff55);pointer-events:none}.stage[data-state=listening] .thinking-orb,.stage[data-state=thinking] .thinking-orb,.stage[data-state=speaking] .thinking-orb{opacity:1}.stage[data-state=listening] .orb,.stage[data-state=thinking] .orb,.stage[data-state=speaking] .orb{opacity:0;animation:none}.orb{transition:opacity .35s ease,filter .35s,transform .35s}.stage[data-state=thinking] .orb-halo{opacity:.45}.stage[data-state=listening] .orb-halo{opacity:.36}.stage[data-state=speaking] .orb-halo{opacity:.56}
.avatar-wrap{width:min(92vw,550px);height:min(45vh,440px);min-height:270px;position:relative;flex:none;margin:1px 0 10px;filter:drop-shadow(0 0 30px #0866ff28)}.avatar-canvas{display:block;width:100%;height:100%}@media(max-width:700px){.avatar-wrap{width:min(94vw,440px);height:min(39vh,330px);min-height:240px;margin:0 0 5px}.stage-center{justify-content:center}.visitor-bar{margin-bottom:12px}}@media(max-height:690px){.avatar-wrap{height:min(37vh,300px);min-height:210px}}

/* Voice-first view: keep spoken content available to assistive technology without subtitles. */
.topbar{position:absolute;inset:0 0 auto;height:64px;border:0;justify-content:flex-end;background:transparent}
.brand,.mode-badge{display:none}
.stage{height:100dvh;min-height:520px}
.stage-center{min-height:0;padding:40px 16px 80px}
.avatar-wrap{width:min(96vw,900px);height:min(72dvh,650px);min-height:0;margin:0}
.stage-top,.stage-kicker,.speech-area,.voice-line,.ai-disclosure{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.visitor-bar:not(:has(.tiny-button:not(.hidden))){display:none}
.visitor-bar:has(.tiny-button:not(.hidden)){position:absolute;top:75px;left:50%;transform:translateX(-50%);z-index:3;margin:0;white-space:nowrap}
.stage-bottom{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:14px 16px 18px;background:linear-gradient(transparent,#03060dba 55%,#03060dec)}
.text-entry{margin-top:8px}
@media(max-width:700px){.stage{height:100dvh;min-height:480px}.stage-center{min-height:0;padding:45px 8px 95px}.avatar-wrap{width:min(100vw,600px);height:min(68dvh,540px);min-height:0;margin:0}.stage-bottom{padding:10px 8px 12px}.visitor-bar:has(.tiny-button:not(.hidden)){top:63px;max-width:calc(100vw - 16px);flex-wrap:wrap;white-space:normal}}
@media(max-height:690px){.stage-center{min-height:0}.avatar-wrap{height:min(66dvh,470px);min-height:0}.stage-bottom{padding-bottom:8px}}
.source-strip{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;max-width:min(94vw,840px);margin:0 auto 9px}
.source-strip::before{content:'Fontes';align-self:center;color:#8b9cbb;font-size:10px}
.source-strip a{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #8babff44;border-radius:100px;padding:5px 10px;background:#0e1a31;color:#a6caff;font-size:10px;text-decoration:none}
.source-strip a:hover{background:#19345e;color:#fff}