/* WEWO Live Voice — отдельное пространство разговора, без новых визуальных зависимостей. */
.lv[hidden],.lv [hidden]{display:none!important}
body.lv-open{overflow:hidden}
.lv{position:fixed;inset:0;z-index:12000;color:#EAECF5;background:radial-gradient(ellipse at 48% 35%,#172239 0,transparent 52%),#0A0B14;font-family:Onest,system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.lv *{box-sizing:border-box}
.lv-shell{min-height:100dvh;max-width:1320px;margin:auto;padding:30px 44px calc(24px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr;align-content:start}
.lv-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:env(safe-area-inset-top)}
.lv-brand{font-size:23px;font-weight:700;letter-spacing:4px}.lv-brand i{font-style:normal;font-size:10px;letter-spacing:2px;color:#9fbbdf;border:1px solid #4da6ff40;padding:5px 8px;border-radius:6px;vertical-align:middle}
.lv-top p{font-size:12px;color:#8B90A8;margin:8px 0}.lv button{font:inherit;cursor:pointer;color:inherit;transition:background .2s,transform .2s,border-color .2s}
.lv button:focus-visible{outline:2px solid #80baff;outline-offset:5px}.lv button:disabled{opacity:.4;cursor:default}.lv button:hover:not(:disabled){transform:translateY(-2px)}
.lv-icon{width:42px;height:42px;border:1px solid #ffffff16;border-radius:50%;background:#ffffff05;font-size:18px}
.lv-main{text-align:center;max-width:660px;width:100%;margin:auto;display:flex;align-items:center;flex-direction:column}
.lv-stage{height:clamp(240px,38vh,390px);width:100%;position:relative;margin-top:12px}
#lvCanvas{position:absolute;width:100%;height:140%;inset:-20% 0;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}
.lv-orbit{position:absolute;left:50%;top:48%;width:240px;height:240px;transform:translate(-50%,-50%);border:1px solid #729ade0c;border-radius:50%;box-shadow:0 0 100px #4da6ff08;pointer-events:none}
.lv-connection{position:absolute;bottom:4px;left:0;right:0;display:flex;gap:9px;align-items:center;justify-content:center;font-size:11px;letter-spacing:.4px;color:#8B90A8}.lv-connection b{font-weight:400}.lv-connection>span{width:5px;height:5px;background:#2DD4BF;border-radius:50%;box-shadow:0 0 9px #2dd4bf60}.lv-connection time{font-variant-numeric:tabular-nums;border-left:1px solid #ffffff1a;padding-left:9px}
.lv[data-state="error"] .lv-connection>span,.lv[data-state="lost"] .lv-connection>span{background:#ef939e}.lv[data-state="ended"] .lv-connection>span{background:#8B90A8}
.lv-identity{margin:28px 0 14px}.lv-eyebrow{font-size:9px;color:#8B90A8;letter-spacing:2.4px}.lv h2{font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.8px;margin:9px 0 18px}
#lvState{font-size:17px;margin:0 0 9px;color:#b8d5f9}.lv-hint{color:#8B90A8;font-size:13px;line-height:1.7;max-width:460px;min-height:44px;margin:0 auto}
.lv-speakers{display:flex;gap:12px;align-items:center;font-size:11px;color:#747c95;margin:9px 0 27px}.lv-speakers span.active{color:#b9d9ff}.lv-meter{width:63px;height:3px;background:#ffffff0a;border-radius:2px;overflow:hidden}.lv-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#4DA6FF,#A855F7);transform:scaleX(0);transform-origin:center;transition:transform .08s linear}
.lv-controls{display:flex;justify-content:center;align-items:center;gap:20px}.lv-round{width:54px;height:54px;display:grid;place-items:center;border:1px solid #ffffff17;border-radius:50%;background:#ffffff05;font-size:17px}.lv-round svg{width:23px;height:23px}.lv-round[aria-pressed="true"]{color:#efa3ac;background:#54263655;border-color:#d9768540}.lv-end{height:54px;padding:0 30px;border-radius:28px;background:#ad485822;border:1px solid #dd738444;font-size:13px;font-weight:500}.lv-end:hover{background:#ad485838}
.lv-footnote{font-size:10px;color:#626a84;margin:25px 0 8px;line-height:1.7}.lv-retry{border:1px solid #6faaf755;background:#4da6ff12;padding:12px 24px;border-radius:24px;margin-top:16px;font-size:13px}
.lv-transcript{width:min(700px,100%);margin:22px auto 0;border-top:1px solid #ffffff10;padding:20px 0}.lv-transcript h3{font-size:13px;font-weight:500;margin:0}.lv-caption-note{font-size:10px;color:#8B90A8}.lv-transcript #lvLines{max-height:240px;overflow:auto;scrollbar-width:thin}.lv-line{display:grid;grid-template-columns:120px 1fr;text-align:left;gap:16px;line-height:1.7;font-size:13px}.lv-line b{font-size:11px;font-weight:500;color:#91bbef}.lv-line.user b{color:#8B90A8}.lv-line span{white-space:pre-wrap;overflow-wrap:anywhere}
.lv-actions{width:100%;max-width:440px}.lv-action{background:#131c2bcc;border:1px solid #5b92bd30;border-radius:16px;padding:14px 18px;margin:0 0 20px;font-size:13px;line-height:1.6}.lv-action p{margin:0 0 12px}.lv-action button{font-size:12px;padding:7px 13px;border:1px solid #4da6ff40;border-radius:9px;background:#4da6ff13;margin:0 5px}
@media(min-width:1050px){.lv-shell:has(.lv-transcript:not([hidden])){grid-template-columns:minmax(0,1fr) 350px;column-gap:40px}.lv-top{grid-column:1/-1}.lv-shell:has(.lv-transcript:not([hidden])) .lv-transcript{margin-top:70px;padding:25px;border:1px solid #ffffff0c;border-radius:20px;background:#ffffff02}.lv-shell:has(.lv-transcript:not([hidden])) #lvLines{max-height:500px}.lv-line{grid-template-columns:1fr;gap:2px}}
@media(max-width:600px){.lv-shell{padding:18px 20px calc(18px + env(safe-area-inset-bottom))}.lv-stage{height:31dvh;min-height:210px}.lv-top p{font-size:10px}.lv-brand{font-size:19px}.lv-identity{margin-top:20px}.lv h2{font-size:26px}.lv-hint{font-size:12px}.lv-controls{gap:16px}.lv-end{padding:0 24px}.lv-footnote{font-size:9px}.lv-line{grid-template-columns:1fr;gap:2px}}
@media(prefers-reduced-motion:reduce){.lv *{transition:none!important;animation:none!important}}
.lv{animation:lv-arrive .45s ease both;background:radial-gradient(ellipse at 48% 35%,#17203970 0,transparent 55%),#0A0B14}.lv-orbit{display:none}.lv-stage{isolation:isolate}.lv-top,.lv-identity,.lv-controls{animation:lv-detail .55s ease both}.lv-controls{animation-delay:.12s}@keyframes lv-arrive{from{opacity:0}to{opacity:1}}@keyframes lv-detail{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
