.live-room{--voice-accent:#f18aa8;max-width:1520px;margin:0 auto}.live-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.live-header .eyebrow{color:#bd8295;letter-spacing:2.8px;font-size:9px}.live-header h1{font-size:29px;letter-spacing:-1.1px;margin-top:9px}.live-header p{font-size:12px;margin-top:7px}.live-header-actions{display:flex;gap:9px;align-items:center}.live-header-actions>.icon-button{font-size:25px;border:1px solid #ffffff16;width:35px;height:35px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:18px;min-height:620px}.live-stage{position:relative;overflow:hidden;border:1px solid #ffffff10;border-radius:22px;background:radial-gradient(ellipse at 50% 34%,#3c19231d,transparent 62%),#121216;display:flex;flex-direction:column;align-items:center;padding:23px 28px 20px;min-width:0}.live-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(#ffffff25 .5px,transparent .5px);background-size:25px 25px;mask-image:linear-gradient(to bottom,black,transparent 70%)}.live-stage-top{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:1}.live-status-pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#b4a9b0;border:1px solid #ffffff12;padding:6px 11px;border-radius:30px;background:#18181ccc}.live-status-pill i{height:5px;width:5px;border-radius:50%;background:#a7a1a7}.live-language{font-size:9px;letter-spacing:2px;color:#79747f}.live-visual{position:relative;flex:1;width:100%;min-height:220px;max-height:280px;display:flex;align-items:center;justify-content:center;margin:4px 0 0}.live-visual canvas{width:100%;height:270px;max-width:600px}.live-orbit-label{position:absolute;bottom:1px;font-size:7px;letter-spacing:4px;color:#86727d}.live-presence-copy{text-align:center;position:relative;z-index:1;margin-top:16px;min-height:103px}.live-name{font-family:Georgia,serif;font-style:italic;font-size:36px;letter-spacing:-2px;color:#faf1f6}.live-name>span{color:var(--pink)}.live-presence-copy h2{font-size:21px;letter-spacing:-.7px;margin:7px 0 7px;font-weight:500}.live-presence-copy p{font-size:11px;color:#9a8e9a;max-width:420px;min-height:34px;line-height:1.7}.live-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:30px;margin-top:5px}.live-wave i{display:block;width:2px;border-radius:5px;height:3px;background:#7c3c54}.live-wave.moving i{background:#f18aa8;animation:live-bar 1.2s ease-in-out infinite;animation-delay:var(--delay)}@keyframes live-bar{0%,100%{height:3px;opacity:.45}50%{height:var(--bar);opacity:1}}.live-heard{font-size:11px;color:#c4b8c2;min-height:36px;max-width:540px;text-align:center;line-height:1.6;max-height:80px;overflow:auto;padding:6px 0;margin:2px 0 17px}.live-controls{display:flex;align-items:center;justify-content:center;gap:17px;position:relative;z-index:1;flex-wrap:wrap}.live-start{min-width:179px;font-size:12px;border-radius:99px!important;padding:13px 19px!important;box-shadow:0 4px 30px #ed2f591c}.live-start svg{width:16px;height:16px}.live-control{display:inline-flex;align-items:center;gap:6px;background:none;color:#a49aa6;font-size:10px;padding:7px 0}.live-control svg{width:14px;height:14px}.live-control:not(:disabled):hover{color:#fff}.live-engine{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:21px;z-index:1;position:relative;flex-wrap:wrap}.live-engine label{margin:0;font-size:9px;color:#857e8a}.live-engine select{font-size:9px;border:1px solid #ffffff10;max-width:258px;padding:7px 23px 7px 9px;border-radius:6px;color:#b8aab9;background:#18171d}.live-engine .text-button{font-size:9px}.live-cost-note{font-size:9px;letter-spacing:.15px;text-align:center;color:#77717e;margin-top:13px}.live-history{display:flex;flex-direction:column;border:1px solid #ffffff10;border-radius:22px;background:#17171c;overflow:hidden;min-width:0;max-height:810px}.live-history-head{padding:25px 22px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.live-history-head .eyebrow{font-size:8px;color:#90828f;letter-spacing:2px}.live-history-head h2{font-size:22px;letter-spacing:-.7px;margin-top:6px}.live-history-head h2>span{color:var(--pink)}.live-transcript{flex:1;min-height:310px;overflow:auto;padding:18px 15px;scrollbar-width:thin;scrollbar-color:#ffffff18 transparent}.live-empty{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px}.live-empty>span{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border:1px solid #ed2f5920;border-radius:13px;color:#b86780;background:#ed2f5908;margin-bottom:19px}.live-empty h3{font-size:17px;color:#d5ccd5;line-height:1.5;font-weight:450}.live-empty p{font-size:11px;line-height:1.7;max-width:200px;margin-top:10px;color:#89808d}.live-transcript .message{gap:8px;margin-bottom:18px}.live-transcript .message-avatar{width:25px;height:25px;min-width:25px;font-size:9px}.live-transcript .message-content{font-size:11px;padding:11px;max-width:calc(100% - 32px);line-height:1.75;background:#222129;border:1px solid #ffffff08}.live-transcript .message.user .message-content{background:#30212b}.live-transcript .message-meta{font-size:8px;flex-wrap:wrap;gap:8px}.live-transcript .message-meta button{font-size:8px}.live-transcript .proposal .btn{font-size:9px;padding:6px 8px}.live-transcript .proposal p{font-size:10px}.live-history-foot{display:flex;align-items:center;justify-content:space-between;margin:0 20px;padding:12px 0;border-top:1px solid #ffffff0a;color:#807987;font-size:9px}.live-history-foot .text-button{font-size:9px}.live-history-foot svg{width:12px;height:12px}.live-type{padding:12px 17px 17px;background:#141419;border-top:1px solid #ffffff0c}.live-type>label{font-size:9px;color:#938797;margin-bottom:8px}.live-type>div{display:flex;align-items:flex-end;gap:8px}.live-type textarea{min-height:42px;max-height:120px;resize:vertical;font-size:11px;padding:11px;border-radius:9px}.live-type .send-button{width:37px;height:40px;min-width:37px;border-radius:9px}.live-type .send-button svg{width:16px;height:16px}.live-draft{padding:12px;border:1px solid #ffffff0c;background:#25202a;border-radius:12px}.live-draft small{font-size:8px;color:#cc809c;letter-spacing:1px}.live-draft p{white-space:pre-wrap;font-size:12px;color:#e4d9e3;margin:7px 0 12px}.live-draft .busy{font-size:10px}.live-details{margin-top:18px;color:#8a818e;font-size:10px;max-width:900px;line-height:1.8}.live-details summary{cursor:pointer;color:#9b8e9f}.live-details p{margin-top:9px}.live-room[data-phase=listening] .live-status-pill i{background:#ed7196;box-shadow:0 0 10px #ed719680}.live-room[data-phase=speaking] .live-status-pill i{background:#ffb3c6;box-shadow:0 0 10px #ffb3c680}.live-room[data-phase=error] .live-status-pill i{background:#ffad7e}.live-room[data-phase=error] #live-hint{color:#ffb59f}.live-room[data-phase=processing] .live-status-pill i,.live-room[data-phase=loading-audio] .live-status-pill i{background:#e19bb5;animation:voice-status 1.6s infinite}@keyframes voice-status{50%{opacity:.3}}.voice-focus .sidebar,.voice-focus .topbar{display:none}.voice-focus .workspace{margin:0;width:100%}.voice-focus .content{padding:25px 35px}.voice-focus .live-room{max-width:1600px}.voice-focus .live-layout{min-height:calc(100dvh - 175px)}.voice-focus .live-visual{max-height:430px}.voice-focus .live-visual canvas{height:330px}.voice-focus .live-history{max-height:calc(100dvh - 175px)}
@media(min-width:1600px){.live-layout{grid-template-columns:minmax(0,1fr) 370px}.live-visual canvas{height:370px}.live-visual{max-height:390px}.live-stage{padding-top:27px}.live-presence-copy h2{font-size:24px}}
@media(max-width:1150px){.live-layout{grid-template-columns:minmax(0,1fr) 275px;gap:13px}.live-stage{padding:20px 15px}.live-header h1{font-size:25px}.live-controls{gap:11px}.live-control{font-size:9px}.live-stage-top{gap:10px}.live-status-pill{font-size:9px}.live-history-head{padding:22px 16px}.live-visual canvas{height:270px}.live-orbit-label{font-size:6px;letter-spacing:2.5px}}
@media(max-width:960px){.live-layout{grid-template-columns:1fr}.live-stage{min-height:650px}.live-history{max-height:570px}.live-transcript{min-height:180px;max-height:350px}.live-empty{min-height:200px}.live-header h1{font-size:25px}.live-controls{gap:18px}.voice-focus .live-history{max-height:570px}.voice-focus .live-layout{min-height:0}}
@media(max-width:680px){.live-header{gap:10px;margin-bottom:18px;align-items:flex-start}.live-header h1{font-size:23px;max-width:220px;line-height:1.25}.live-header p{font-size:10px;max-width:230px}.live-header .eyebrow{font-size:7px;letter-spacing:2px}.live-header-actions{gap:6px}.live-header-actions .btn{padding:7px;font-size:0;min-height:34px}.live-header-actions .btn svg{width:16px;height:16px}.live-layout{gap:15px}.live-stage{min-height:620px;padding:17px 14px}.live-status-pill{font-size:8px}.live-language{font-size:8px}.live-visual{min-height:240px;max-height:280px}.live-visual canvas{height:280px}.live-presence-copy{margin-top:15px;min-height:112px}.live-presence-copy p{font-size:10px;max-width:280px}.live-presence-copy h2{font-size:22px}.live-name{font-size:34px}.live-heard{font-size:10px;max-width:290px;margin-bottom:12px}.live-controls{gap:12px}.live-start{width:100%;min-width:0;max-width:280px;font-size:12px}.live-control{font-size:10px}.live-engine{margin-top:18px;gap:7px}.live-engine select{max-width:230px;font-size:8px}.live-engine .text-button{width:100%;margin-top:5px}.live-cost-note{font-size:8px;max-width:260px}.live-history{border-radius:18px}.voice-focus .content{padding:18px 14px}.voice-focus .live-visual canvas{height:280px}.live-details{font-size:9px}}
@media(prefers-reduced-motion:reduce){.live-wave.moving i{height:7px;animation:none!important}.live-room *{scroll-behavior:auto}}

@media(max-width:680px){.live-visual{min-height:170px;max-height:210px}.live-visual canvas,.voice-focus .live-visual canvas{height:210px}.live-presence-copy{margin-top:12px;min-height:95px}.live-wave{height:23px}.live-heard{min-height:25px;margin-bottom:9px}.live-stage{min-height:590px}}