:root{--ink:#f7fafc;--muted:#9db0bb;--line:rgba(255,255,255,.15);--aqua:#5de0ce;--blue:#56a8ff;--red:#f62f58}*{box-sizing:border-box}html,body,.app{margin:0;width:100%;height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#04090e;color:var(--ink)}body{overflow:hidden}button,input{font:inherit}.hidden{display:none!important}.welcome{width:100%;height:100%;padding:0 20px 20px;overflow:auto;background:radial-gradient(circle at 50% -20%,#173447 0,#071019 45%,#04090e 100%)}.first-shell{width:min(1440px,100%);min-height:100%;margin:auto}.first-topbar{height:86px;display:flex;align-items:center;justify-content:space-between}.first-brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.08em}.first-brand>span{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--aqua),var(--blue));display:grid;place-items:center;color:#061018;font-size:13px}.first-brand em{font-size:10px;font-style:normal;color:var(--aqua);border:1px solid rgba(93,224,206,.35);padding:4px 7px;border-radius:20px}.secure{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.secure i{width:8px;height:8px;background:var(--aqua);border-radius:50%;box-shadow:0 0 16px var(--aqua)}.first-panel{min-height:calc(100svh - 126px);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(12,25,35,.78);backdrop-filter:blur(22px);box-shadow:0 24px 80px rgba(0,0,0,.3)}.first-copy{padding:clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0;color:var(--aqua);font-size:11px;font-weight:800;letter-spacing:.18em}.first-copy h1{font-size:clamp(54px,7vw,98px);line-height:.92;letter-spacing:-.065em;margin:18px 0 24px}.first-copy h1 i{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.48)}.intro{font-size:16px;line-height:1.6;color:var(--muted);max-width:590px;margin:0 0 20px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(560px,100%);margin:0 0 14px}.mode-card{text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);color:white;cursor:pointer}.mode-card b,.mode-card small{display:block}.mode-card small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.35}.mode-card.selected{border-color:var(--aqua);background:rgba(93,224,206,.12);box-shadow:0 0 0 3px rgba(93,224,206,.07)}.first-copy label{font-size:12px;color:#b9c8d0}.first-copy input{display:block;width:min(560px,100%);margin-top:8px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.05);padding:15px 16px;color:white;font-size:15px;outline:none}.first-copy input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(93,224,206,.1)}.start{width:min(560px,100%);border:0;border-radius:14px;background:linear-gradient(100deg,var(--aqua),#72b9ff);color:#061018;padding:16px 18px;margin-top:14px;display:flex;justify-content:space-between;font-weight:800;cursor:pointer}.start:disabled{opacity:.72;cursor:wait}.start-status{min-height:18px;width:min(560px,100%);margin:8px 0 0;color:#ff9aaa;font-size:12px}.first-copy>small{color:#718794;margin-top:2px}.first-visual{min-height:620px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at center,rgba(83,177,190,.18),transparent 60%)}.welcome-avatar-orb{width:min(40vw,540px,calc(100svh - 170px));aspect-ratio:1;border-radius:50%;padding:12px;background:linear-gradient(135deg,rgba(93,224,206,.88),rgba(86,168,255,.12) 42%,rgba(255,255,255,.08));position:relative;box-shadow:0 0 110px rgba(93,224,206,.18)}.welcome-avatar-orb video{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#071014}.welcome-avatar-orb>i{position:absolute;inset:-22px;border:1px solid rgba(93,224,206,.18);border-radius:50%;animation:spin 16s linear infinite}.welcome-voice-orb{display:none;width:min(40vw,500px,calc(100svh - 190px));aspect-ratio:1;border-radius:50%;place-items:center;position:relative;background:radial-gradient(circle,#183e49,#07131b 58%,#03070a);border:1px solid rgba(93,224,206,.32);box-shadow:0 0 100px rgba(93,224,206,.2)}.welcome-voice-orb>span{position:absolute;bottom:28%;font-weight:800;letter-spacing:.22em;color:#ccece8}.welcome[data-mode="voice"] .welcome-avatar-orb{display:none}.welcome[data-mode="voice"] .welcome-voice-orb{display:grid}.avatar-tag{position:absolute;bottom:10%;border:1px solid var(--line);background:rgba(3,10,15,.82);padding:11px 16px;border-radius:30px;color:#cfe0e6;font-size:13px}.avatar-tag>i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aqua);margin-right:7px;box-shadow:0 0 12px var(--aqua)}.voice-bars{height:100px;display:flex;align-items:center;justify-content:center;gap:9px}.voice-bars i{display:block;width:8px;height:22px;border-radius:8px;background:linear-gradient(var(--aqua),var(--blue));animation:wave 1.05s ease-in-out infinite}.voice-bars i:nth-child(2),.voice-bars i:nth-child(6){animation-delay:-.15s}.voice-bars i:nth-child(3),.voice-bars i:nth-child(5){animation-delay:-.3s}.voice-bars i:nth-child(4){animation-delay:-.45s}.call{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#030405 url('/api/avatar-image') center/cover no-repeat}.call:before{content:"";position:absolute;z-index:0;inset:-42px;background:url('/api/avatar-image') center/cover no-repeat;filter:blur(34px) brightness(.28) saturate(.7);transform:scale(1.08)}.call.voice-only{background:radial-gradient(circle at center,#14303c,#05090e 58%,#020304)}.call.voice-only:before{display:none}.avatar-video{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(512px,calc(100vw - 48px),calc(100svh - 184px));height:min(512px,calc(100vw - 48px),calc(100svh - 184px));max-width:512px;max-height:512px;object-fit:contain;background:#050708;border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.58)}.call.voice-only .avatar-video{display:none}.call-voice-visual{display:none;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,70vw,60svh);aspect-ratio:1;border-radius:50%;place-items:center;background:radial-gradient(circle,#163b48,#07131b 60%,#03070a);border:1px solid rgba(93,224,206,.3);box-shadow:0 0 120px rgba(93,224,206,.18)}.call.voice-only .call-voice-visual{display:grid}.call-voice-visual .voice-bars{transform:translateY(-15px)}.call-voice-visual strong{position:absolute;bottom:29%;letter-spacing:.22em}.call-voice-visual small{position:absolute;bottom:23%;color:var(--muted)}.call-voice-visual:not(.active) .voice-bars i{animation-play-state:paused;height:16px;opacity:.55}.voice-halo{position:absolute;inset:18px;border:1px solid rgba(93,224,206,.18);border-radius:50%;animation:pulseHalo 2s ease-in-out infinite}.shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 24%,transparent 66%,rgba(0,0,0,.64))}.call-head{position:absolute;z-index:5;top:0;left:0;right:0;padding:22px 26px;display:flex;justify-content:space-between;align-items:center}.identity{display:flex;align-items:center;gap:11px;text-shadow:0 2px 10px #000}.online{width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 16px var(--aqua)}.identity div{display:flex;flex-direction:column}.identity strong{font-size:14px}.identity small{font-size:10px;color:#ced5d9;margin-top:3px}.top-icon,.round{display:grid;place-items:center;border:1px solid var(--line);background:rgba(15,17,20,.68);color:white;backdrop-filter:blur(16px);cursor:pointer}.top-icon{width:42px;height:42px;border-radius:12px}.top-icon svg,.round svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.self-video{position:absolute;z-index:5;left:22px;top:84px;width:min(220px,20vw);max-height:140px;aspect-ratio:16/10;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#000;box-shadow:0 15px 45px rgba(0,0,0,.45);transform:scaleX(-1);display:none}.self-video.camera-on{display:block}.caption{position:absolute;z-index:5;left:50%;bottom:116px;transform:translateX(-50%);width:min(680px,calc(100% - 48px));text-align:center;font-size:16px;line-height:1.45;text-shadow:0 2px 12px #000;background:rgba(7,9,11,.52);backdrop-filter:blur(8px);padding:9px 15px;border-radius:11px}.voice-state{position:absolute;z-index:6;left:22px;bottom:24px;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:20px;background:rgba(12,15,18,.62);font-size:11px}.voice-state>i{width:8px;height:8px;border-radius:50%;background:#8c9aa3}.voice-state.listening>i{background:var(--aqua);box-shadow:0 0 13px var(--aqua)}.controls{position:absolute;z-index:10;left:50%;bottom:20px;transform:translateX(-50%);height:58px;padding:7px 9px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:31px;background:rgba(13,15,18,.78);backdrop-filter:blur(18px)}.round{width:44px;height:44px;border:0;border-radius:50%;background:transparent}.round:hover,.round.active{background:rgba(255,255,255,.12)}.mic-off,.camera-off-icon{display:none}.round.muted,.round.camera-disabled{background:#d92c4c}.round.muted .mic-on,.round.camera-disabled .camera-on-icon{display:none}.round.muted .mic-off,.round.camera-disabled .camera-off-icon{display:block}.round.end{margin-left:5px;background:var(--red);width:48px;height:48px}.round.end .hangup{fill:white;stroke:none;width:25px;height:25px}.divider{height:25px;width:1px;background:rgba(255,255,255,.15);margin:0 3px}.meter{width:38px;height:26px;display:flex;align-items:center;justify-content:center;gap:3px}.meter i{width:3px;height:7px;border-radius:2px;background:#aeb8be}.meter.active i{background:var(--aqua)}.transcript{position:absolute;z-index:20;top:78px;right:20px;bottom:98px;width:min(380px,calc(100% - 40px));border:1px solid var(--line);border-radius:18px;background:rgba(8,11,14,.88);backdrop-filter:blur(22px);overflow:hidden}.transcript header{height:70px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.transcript header div{display:flex;flex-direction:column}.transcript header small{font-size:9px;color:var(--aqua);letter-spacing:.16em}.transcript header button{border:0;background:none;color:white;font-size:25px}.messages{height:calc(100% - 70px);overflow:auto;padding:18px}.message{margin-bottom:16px}.message header{font-size:10px;color:var(--muted);margin-bottom:6px}.message p{margin:0;padding:11px 13px;background:rgba(255,255,255,.07);border-radius:4px 13px 13px 13px;font-size:13px;line-height:1.5}.message.you p{background:rgba(86,168,255,.13);border-radius:13px 4px 13px 13px}.timing{position:absolute;z-index:7;right:20px;bottom:24px;padding:8px 11px;border-radius:12px;background:rgba(8,11,14,.68);font-size:10px;color:#aebbc2}.toast{position:absolute;z-index:30;left:50%;top:22px;transform:translateX(-50%);max-width:80%;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#111a20;font-size:13px}@media(max-width:1000px){.first-panel{grid-template-columns:1fr}.first-visual{display:none}.first-copy{padding:40px 26px}.transcript{right:12px;top:70px;bottom:88px}.self-video{width:150px;left:12px;top:72px}.caption{bottom:150px}}@media(max-width:600px){.welcome{padding:0 10px 10px}.first-topbar{height:68px}.secure,.first-brand em{display:none}.first-panel{min-height:calc(100svh - 78px);border-radius:20px}.first-copy h1{font-size:52px}.mode-picker{grid-template-columns:1fr}.call-head{padding:15px}.voice-state{bottom:90px}.timing{display:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{0%,100%{height:20px;opacity:.55}50%{height:88px;opacity:1}}@keyframes pulseHalo{50%{transform:scale(.96);opacity:.45}}
/* BEGIN AVATAR_DUAL_LAYER_V1 */
.call{--avatar-image-url:url('/api/avatar-image')}
.call{background:#030405!important}
.call:before{background:#030405!important;filter:none!important}
#avatarIdleVideo,#avatarVideo{transition:opacity .48s ease!important;will-change:opacity}
#avatarIdleVideo{display:none!important}
#avatarIdleVideo{z-index:1!important;opacity:1!important;visibility:visible!important}
#avatarVideo{z-index:2!important;opacity:1!important;visibility:visible!important}
#avatarIdleVideo.avatar-layer-hidden,#avatarVideo.avatar-layer-hidden{opacity:0!important;pointer-events:none!important}
#avatarVideo.avatar-layer-soft-hidden{opacity:0!important;pointer-events:none!important}
.call.voice-only #avatarIdleVideo,.call.voice-only #avatarVideo{display:none!important}
/* END AVATAR_DUAL_LAYER_V1 */
/* INOAI_LIVEKIT_REAL_AVATAR_V1 */
#avatarVideo{display:block!important;background:#050708!important}
.call.voice-only #avatarVideo{display:none!important}
/* BEGIN INOAI_UI_LISTENING_GRADIENT_V2 */
.call,
.call.voice-only{
  background:
    radial-gradient(ellipse at 18% 12%,rgba(39,139,164,.30) 0,rgba(18,63,83,.16) 28%,transparent 55%),
    radial-gradient(ellipse at 86% 78%,rgba(72,77,176,.23) 0,rgba(28,31,86,.12) 32%,transparent 58%),
    linear-gradient(135deg,#061019 0%,#09131d 42%,#0b0d1a 72%,#05080d 100%)!important;
}
.call:before,
.call.voice-only:before{
  display:block!important;
  inset:-18%!important;
  background:
    radial-gradient(circle at 28% 34%,rgba(93,224,206,.16),transparent 31%),
    radial-gradient(circle at 72% 62%,rgba(86,168,255,.15),transparent 34%)!important;
  filter:blur(52px)!important;
  transform:none!important;
  animation:inoaiGradientDrift 16s ease-in-out infinite alternate;
}
.shade{
  background:linear-gradient(180deg,rgba(1,5,9,.18),transparent 28%,transparent 68%,rgba(2,5,10,.47))!important;
}
.controls{
  min-width:352px;
  height:68px;
  padding:8px 13px;
  gap:8px;
  border-color:rgba(255,255,255,.20);
  border-radius:36px;
  background:linear-gradient(135deg,rgba(18,25,33,.52),rgba(7,12,18,.34))!important;
  -webkit-backdrop-filter:blur(25px) saturate(150%);
  backdrop-filter:blur(25px) saturate(150%);
  box-shadow:0 16px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07);
}
.round{
  width:50px;
  height:50px;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.round:hover{transform:translateY(-1px)}
.round.end{width:52px;height:52px;margin-left:7px}
.round.listening:not(.muted){
  color:#071411;
  background:linear-gradient(135deg,#65ead7,#45cbb8)!important;
  box-shadow:0 0 0 4px rgba(93,224,206,.11),0 0 24px rgba(93,224,206,.32);
}
.round.listening:not(.muted) svg{stroke:#071411}
.meter{
  width:66px;
  height:34px;
  gap:5px;
  padding:0 4px;
}
.meter i{width:4px;border-radius:4px}
.divider{height:30px;margin:0 4px}
.self-video{
  width:clamp(240px,23vw,340px);
  max-height:none;
  aspect-ratio:16/10;
  border-radius:15px;
  border-color:rgba(255,255,255,.42);
  box-shadow:0 18px 58px rgba(0,0,0,.46),0 0 0 1px rgba(93,224,206,.08);
}
.voice-state{
  background:rgba(8,14,20,.42);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  border:1px solid rgba(255,255,255,.10);
}
@keyframes inoaiGradientDrift{
  0%{transform:translate3d(-2%,-1%,0) scale(1.02)}
  100%{transform:translate3d(2%,1%,0) scale(1.08)}
}
@media(max-width:1000px){
  .self-video{width:clamp(190px,28vw,270px);left:14px;top:74px}
  .controls{min-width:330px}
}
@media(max-width:600px){
  .controls{min-width:0;width:max-content;max-width:calc(100% - 20px);height:62px;padding:7px 9px;gap:5px}
  .round{width:44px;height:44px}
  .round.end{width:47px;height:47px}
  .meter{width:50px;gap:4px}
  .self-video{width:154px;left:12px;top:66px;border-radius:12px}
}
/* END INOAI_UI_LISTENING_GRADIENT_V2 */
/* BEGIN INOAI_CONTROLS_UI_V3 */
.controls{
  width:416px!important;
  min-width:0!important;
  max-width:calc(100vw - 28px)!important;
  height:70px!important;
  padding:8px 11px!important;
  gap:8px!important;
  justify-content:center!important;
  background:rgba(7,13,19,.54)!important;
  border-color:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  box-shadow:0 15px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.controls .round{
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
}
.controls .round svg{
  width:25px!important;
  height:25px!important;
}
.controls .round.end{
  flex-basis:54px!important;
  width:54px!important;
  height:54px!important;
  margin-left:2px!important;
}
.controls .round.end .hangup{
  width:31px!important;
  height:31px!important;
}
.controls .meter{
  flex:1 1 104px!important;
  width:104px!important;
  min-width:88px!important;
  max-width:108px!important;
  height:30px!important;
  gap:0!important;
  justify-content:space-evenly!important;
}
.controls .meter i{
  flex:0 0 3px!important;
  width:3px!important;
}
.controls .divider{
  margin:0 1px!important;
}
@media(max-width:600px){
  .controls{width:min(390px,calc(100vw - 20px))!important;height:64px!important;padding:7px 8px!important;gap:5px!important}
  .controls .round{flex-basis:46px!important;width:46px!important;height:46px!important}
  .controls .round svg{width:23px!important;height:23px!important}
  .controls .round.end{flex-basis:48px!important;width:48px!important;height:48px!important}
  .controls .round.end .hangup{width:28px!important;height:28px!important}
  .controls .meter{min-width:68px!important;max-width:92px!important}
}
/* END INOAI_CONTROLS_UI_V3 */
/* BEGIN INOAI_SETTINGS_PANEL_V1 */
.controls{width:476px!important}
.settings-panel{position:absolute;z-index:22;right:20px;bottom:104px;width:min(430px,calc(100% - 40px));max-height:calc(100svh - 128px);overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(12,18,24,.92),rgba(5,9,14,.84));-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)}
.settings-panel header{height:68px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}
.settings-panel header div{display:flex;flex-direction:column}
.settings-panel small{font-size:9px;color:var(--aqua);letter-spacing:.16em;font-weight:800}
.settings-panel strong{font-size:15px}
.settings-panel header button{border:0;background:none;color:white;font-size:25px;cursor:pointer}
.settings-panel section{padding:16px 18px 18px}
.settings-panel section+section{border-top:1px solid rgba(255,255,255,.10)}
.choice-grid{display:grid;gap:10px;margin-top:10px}
.avatar-choice-grid{grid-template-columns:1fr 1fr}
.voice-choice-grid{grid-template-columns:1fr}
.choice-card{min-height:74px;text-align:left;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045);color:white;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;cursor:pointer}
.choice-card:hover{background:rgba(255,255,255,.075)}
.choice-card.selected{border-color:rgba(93,224,206,.78);background:rgba(93,224,206,.12);box-shadow:0 0 0 3px rgba(93,224,206,.07)}
.choice-avatar,.choice-voice{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(93,224,206,.32),rgba(86,168,255,.16));color:#dffdfa;font-size:13px;font-weight:900}
.choice-voice{border-radius:50%;background:rgba(86,168,255,.18)}
.choice-card b,.choice-card span{display:block}
.choice-card b{font-size:13px}
.choice-card span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
@media(max-width:1000px){.settings-panel{right:12px;bottom:92px}}
@media(max-width:600px){.controls{width:min(430px,calc(100vw - 20px))!important;gap:4px!important}.controls .round{flex-basis:44px!important;width:44px!important;height:44px!important}.settings-panel{right:10px;left:10px;width:auto;bottom:84px;max-height:calc(100svh - 110px)}.avatar-choice-grid{grid-template-columns:1fr}}
/* END INOAI_SETTINGS_PANEL_V1 */
/* BEGIN INOAI_SETTINGS_PAGE_V1 */
.controls{width:416px!important}
.first-actions{display:flex;align-items:center;gap:12px}
.settings-link{height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);color:#e9fbff;text-decoration:none;font-size:13px;font-weight:750;padding:0 14px}
.settings-link:hover{background:rgba(255,255,255,.09)}
.meeting-invite .settings-link,.meeting-invite .mode-picker{display:none}
.selected-profile{width:min(560px,100%);display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.selected-profile span{min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.045);padding:11px 13px}
.selected-profile b,.selected-profile small{display:block}
.selected-profile b{font-size:13px;color:#f4fbff}
.selected-profile small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
.settings-page{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 20px 24px;background:radial-gradient(circle at 50% -20%,#173447 0,#071019 45%,#04090e 100%)}
.settings-shell{width:min(1040px,100%);min-height:100%;margin:auto}
.settings-topbar{height:86px;display:flex;align-items:center;justify-content:space-between}
.settings-board{border:1px solid rgba(255,255,255,.10);border-radius:28px;background:rgba(12,25,35,.78);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 80px rgba(0,0,0,.30);padding:clamp(24px,4vw,46px)}
.settings-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:24px}
.settings-title h1{font-size:clamp(36px,5vw,62px);line-height:.96;margin:0;letter-spacing:0}
.settings-title p{max-width:420px;margin:8px 0 0;color:var(--muted);line-height:1.55;font-size:14px}
.settings-section{padding:20px 0}
.settings-section+.settings-section{border-top:1px solid rgba(255,255,255,.10)}
.settings-section>small{display:block;font-size:10px;color:var(--aqua);letter-spacing:.18em;font-weight:850;margin-bottom:12px}
.settings-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10)}
.secondary-action,.primary-action{height:46px;border-radius:13px;padding:0 18px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.secondary-action{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#e9fbff}
.primary-action{border:0;background:linear-gradient(100deg,var(--aqua),#72b9ff);color:#061018}
@media(max-width:600px){.first-actions{gap:8px}.secure{display:none}.selected-profile{grid-template-columns:1fr}.settings-page{padding:0 10px 10px}.settings-topbar{height:68px}.settings-board{border-radius:20px;padding:22px 16px}.settings-title{display:block}.settings-actions{justify-content:stretch}.secondary-action,.primary-action{flex:1}.controls{width:min(390px,calc(100vw - 20px))!important}}
/* END INOAI_SETTINGS_PAGE_V1 */
/* BEGIN INOAI_AVATAR_VOICE_PICKER_V1 */
.avatar-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.settings-page .choice-card{grid-template-columns:1fr;align-items:stretch;gap:10px;min-height:0}
.settings-page .voice-choice-grid .choice-card{grid-template-columns:auto 1fr auto;align-items:center}
.choice-photo{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;background:#050708;border:1px solid rgba(255,255,255,.12)}
.voice-play{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--aqua),#72b9ff);color:#061018;font-style:normal;font-size:13px;font-weight:900}
.voice-play:hover{filter:brightness(1.08)}
@media(max-width:900px){.avatar-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.avatar-choice-grid{grid-template-columns:1fr 1fr}.settings-page .choice-card{padding:10px}.settings-page .voice-choice-grid .choice-card{grid-template-columns:auto 1fr auto}.voice-play{width:34px;height:34px}}
/* END INOAI_AVATAR_VOICE_PICKER_V1 */
/* BEGIN INOAI_SETTINGS_TABS_V1 */
.settings-tabs{display:flex;gap:8px;padding:6px;margin:0 0 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045)}
.settings-tab{flex:1;height:42px;border:0;border-radius:10px;background:transparent;color:#c7d8df;font-weight:850;cursor:pointer}
.settings-tab.active{background:linear-gradient(100deg,var(--aqua),#72b9ff);color:#061018;box-shadow:0 10px 30px rgba(93,224,206,.13)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.form-grid label,.wide-label{display:flex;flex-direction:column;gap:7px;color:#b9c8d0;font-size:12px}
.form-grid input,.form-grid select,.wide-label textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);color:white;padding:13px 14px;outline:none}
.wide-label{margin-top:12px}
.wide-label textarea{resize:vertical;min-height:118px;line-height:1.45;font:inherit}
.form-grid input:focus,.form-grid select:focus,.wide-label textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(93,224,206,.10)}
.segmented{display:flex;gap:8px;margin-top:12px}
.segmented button{height:40px;min-width:120px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);color:#d9e9ee;font-weight:800;cursor:pointer}
.segmented button.active{border-color:var(--aqua);background:rgba(93,224,206,.14);color:#f4fffd}
.inline-action{margin-top:14px;border:0}
.settings-status{min-height:18px;margin:10px 0 0;color:#9db0bb;font-size:12px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.settings-tabs{gap:5px}.settings-tab{height:40px}.segmented{display:grid;grid-template-columns:1fr 1fr}.segmented button{min-width:0}}
/* END INOAI_SETTINGS_TABS_V1 */
 .question-editor{display:grid;gap:12px}.question-row{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(255,255,255,.035)}.question-row .inline-action{margin-top:8px}

/* BEGIN INOAI_CANDIDATE_MOBILE_V1 */
@media(max-width:700px){
  body.meeting-invite,
  .meeting-invite .app,
  .meeting-invite .welcome,
  .meeting-invite .call{
    width:100%;
    height:100dvh;
    min-height:100svh;
  }
  .meeting-invite .welcome{
    padding:0 max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  }
  .meeting-invite .first-shell{min-height:100%}
  .meeting-invite .first-topbar{
    height:60px;
    padding-top:env(safe-area-inset-top);
  }
  .meeting-invite .first-brand>span{width:34px;height:34px;border-radius:8px}
  .meeting-invite .first-brand{gap:9px;font-size:14px}
  .meeting-invite .first-actions{display:none}
  .meeting-invite .first-panel{
    display:block;
    min-height:calc(100svh - 70px);
    border-radius:12px;
    overflow:visible;
  }
  .meeting-invite .first-copy{
    min-height:calc(100svh - 70px);
    padding:26px 18px max(22px,env(safe-area-inset-bottom));
    justify-content:center;
  }
  .meeting-invite .eyebrow{font-size:10px;line-height:1.4}
  .meeting-invite .first-copy h1{
    margin:12px 0 16px;
    font-size:40px;
    line-height:1;
    letter-spacing:0;
  }
  .meeting-invite .intro{margin-bottom:16px;font-size:14px;line-height:1.5}
  .meeting-invite .first-copy input{min-height:48px;margin-top:6px;padding:12px 13px}
  .meeting-invite .selected-profile{
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:10px;
  }
  .meeting-invite .selected-profile span{min-width:0;min-height:54px;padding:9px 10px}
  .meeting-invite .selected-profile b,
  .meeting-invite .selected-profile small{overflow-wrap:anywhere}
  .meeting-invite .start{min-height:50px;margin-top:12px;padding:13px 15px}
  .meeting-invite .start-status{margin-top:6px}
  .meeting-invite .first-copy>small{font-size:10px;line-height:1.4}

  .meeting-invite .call-head{
    padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));
  }
  .meeting-invite .top-icon{width:44px;height:44px}
  .meeting-invite .avatar-video{
    top:45%;
    width:min(512px,calc(100vw - 24px),calc(100dvh - 188px));
    height:min(512px,calc(100vw - 24px),calc(100dvh - 188px));
    border-radius:12px;
  }
  .meeting-invite .call-voice-visual{width:min(82vw,52dvh)}
  .meeting-invite .self-video{
    top:max(68px,calc(env(safe-area-inset-top) + 56px));
    left:max(10px,env(safe-area-inset-left));
    width:min(38vw,148px);
    border-radius:9px;
  }
  .meeting-invite .voice-state{
    top:max(70px,calc(env(safe-area-inset-top) + 58px));
    right:max(10px,env(safe-area-inset-right));
    bottom:auto;
    left:auto;
    max-width:calc(58vw - 20px);
    padding:8px 10px;
  }
  .meeting-invite .voice-state span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .meeting-invite .caption{
    bottom:calc(82px + env(safe-area-inset-bottom));
    width:calc(100% - 24px);
    max-height:72px;
    overflow:auto;
    padding:8px 11px;
    border-radius:8px;
    font-size:14px;
    line-height:1.4;
  }
  .meeting-invite .controls{
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:min(390px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    height:62px!important;
    padding:6px!important;
    gap:3px!important;
  }
  .meeting-invite .controls .round{
    flex-basis:44px!important;
    width:44px!important;
    height:44px!important;
  }
  .meeting-invite .controls .round.end{
    flex-basis:46px!important;
    width:46px!important;
    height:46px!important;
  }
  .meeting-invite .controls .meter{min-width:58px!important;max-width:78px!important}
  .meeting-invite .controls .divider{margin:0!important}
  .meeting-invite .transcript{
    top:max(62px,calc(env(safe-area-inset-top) + 52px));
    right:8px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    left:8px;
    width:auto;
    border-radius:12px;
  }
  .meeting-invite .transcript header{height:58px;padding:12px 14px}
  .meeting-invite .messages{height:calc(100% - 58px);padding:14px}
  .meeting-invite .toast{
    top:max(10px,env(safe-area-inset-top));
    width:calc(100% - 24px);
    max-width:none;
  }
}

@media(max-width:370px){
  .meeting-invite .first-copy{padding-right:14px;padding-left:14px}
  .meeting-invite .first-copy h1{font-size:36px}
  .meeting-invite .selected-profile{grid-template-columns:1fr}
  .meeting-invite .selected-profile span{min-height:48px}
  .meeting-invite .controls .meter{min-width:46px!important;max-width:54px!important}
  .meeting-invite .controls .divider{display:none}
}

@media(max-height:500px) and (orientation:landscape){
  .meeting-invite .call-head{padding:8px 12px}
  .meeting-invite .identity small{display:none}
  .meeting-invite .avatar-video{
    top:46%;
    width:min(58vw,calc(100dvh - 86px));
    height:min(58vw,calc(100dvh - 86px));
  }
  .meeting-invite .self-video{top:58px;width:min(24vw,126px)}
  .meeting-invite .voice-state{top:58px}
  .meeting-invite .caption{
    bottom:70px;
    width:min(70vw,620px);
    max-height:54px;
    font-size:12px;
  }
  .meeting-invite .controls{bottom:6px!important;height:56px!important}
  .meeting-invite .controls .round{flex-basis:40px!important;width:40px!important;height:40px!important}
  .meeting-invite .controls .round.end{flex-basis:42px!important;width:42px!important;height:42px!important}
}
/* END INOAI_CANDIDATE_MOBILE_V1 */