:root{color-scheme:light dark;--blob-size: 460px}body{margin:0;font-family:system-ui,Arial}.wrap{display:grid;grid-template-columns:420px 1fr;gap:16px;height:100vh;padding:16px}.left{border:1px solid #ddd;border-radius:12px;padding:16px;background:#ffffff0f;overflow:auto}.right{position:relative;border:1px solid #ddd;border-radius:12px;padding:16px;background:#ffffff0a;display:flex;flex-direction:column;min-height:0}.top{flex:0 0 75%;min-height:0;display:grid;grid-template-columns:1fr 300px;gap:12px}.vis{height:100%;border-radius:12px;background:radial-gradient(1200px 600px at 20% 20%,rgba(180,200,255,.15),transparent 70%);display:grid;place-items:center;overflow:hidden;min-height:0}.blob{position:relative;width:var(--blob-size);height:var(--blob-size);aspect-ratio:1;filter:drop-shadow(0 20px 40px rgba(0,0,0,.25))}.blob .blob-core{position:absolute;inset:0;background:radial-gradient(50% 60% at 30% 30%,#fffffff2,#c8dcffd9 40%,#8caaff99 60%,#3c6eff80 75%,#3c6eff00),linear-gradient(180deg,#dcebffe6,#96beffd9);border-radius:58% 42% 40% 60%/55% 45%;animation:blobMorph 10s ease-in-out infinite paused}.blob .blob-ring{position:absolute;inset:-10px;border:2px solid rgba(120,170,255,.55);border-radius:58% 42% 40% 60%/55% 45%;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);animation:ringMorph 6s ease-in-out infinite paused,ringPulse 2.4s ease-in-out infinite paused}.blob .blob-core{position:absolute;inset:0;background:radial-gradient(50% 60% at 30% 30%,#fffffff2,#c8dcffd9 40%,#8caaff99 60%,#3c6eff80 75%,#3c6eff00),linear-gradient(180deg,#dcebffe6,#96beffd9);border-radius:58% 42% 40% 60%/55% 45%;animation:blobMorph 10s ease-in-out infinite}.blob .blob-ring{position:absolute;inset:-10px;border:2px solid rgba(120,170,255,.55);border-radius:58% 42% 40% 60%/55% 45%;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);animation:ringMorph 6s ease-in-out infinite,ringPulse 2.4s ease-in-out infinite}.blob.is-speaking .blob-core{animation-duration:3s}.blob.is-speaking .blob-ring{animation-duration:2s,1s}@media (max-width: 1200px){:root{--blob-size: 420px}}@media (max-width: 900px){:root{--blob-size: 340px}}@media (max-width: 700px){:root{--blob-size: 280px}}@keyframes blobMorph{0%{border-radius:58% 42% 40% 60%/55% 45%;transform:rotate(0) scale(1)}25%{border-radius:50% 50% 42% 58%/60% 40%;transform:rotate(6deg) scale(1.02)}50%{border-radius:44% 56% 60% 40%/48% 52% 46% 54%;transform:rotate(0) scale(1.03)}75%{border-radius:62% 38% 45% 55%/50% 50% 60% 40%;transform:rotate(-6deg) scale(1.01)}to{border-radius:58% 42% 40% 60%/55% 45%;transform:rotate(0) scale(1)}}@keyframes ringMorph{0%,to{border-radius:58% 42% 40% 60%/55% 45%;transform:rotate(0)}50%{border-radius:45% 55% 58% 42%/42% 58% 45% 55%;transform:rotate(8deg)}}@keyframes ringPulse{0%,to{box-shadow:0 0 #78aaff40}50%{box-shadow:0 0 0 12px #78aaff0d}}.links-panel{display:flex;flex-direction:column;min-height:0;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#0000000d}.links-header{padding:10px 12px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.12)}.links-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:8px 10px}.links-scroll ul{margin:0;padding-left:18px}.links-scroll a{color:#cfe5ff;text-decoration:none}.links-scroll a:hover{text-decoration:underline}@media (max-width: 900px){.top{grid-template-columns:1fr}.links-panel{margin-top:8px}}.chat{flex:0 0 25%;min-height:0;overflow:auto;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px;background:#0000000d}.msg{display:flex;margin:8px 0}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble-mini{max-width:80%;padding:10px 12px;border-radius:14px;line-height:1.35;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.msg.user .bubble-mini{background:#00a07826;border-color:#00a07859}.row{display:flex;align-items:center;gap:10px;margin:8px 0}.wrap.row{flex-wrap:wrap}label{font-weight:600;display:block;margin-right:6px}textarea{width:100%;padding:8px;border-radius:8px;border:1px solid #ccc;background:transparent;color:inherit}.start{padding:8px 12px;color:#2f2f2f;border-radius:8px;border:1px solid #0a7;background:#e8fff1;cursor:pointer}.stop{padding:8px 12px;color:#2f2f2f;border-radius:8px;border:1px solid #a00;background:#ffe8e8;cursor:pointer}.warn{background:#fff3cd;border:1px solid #ffeeba;padding:8px;border-radius:8px;margin-bottom:8px}.muted{opacity:.7}.group{border:1px solid #2f2f2f;border-radius:12px;padding:12px;margin:12px 0;background:#ffffff0a}.group h3{margin:0 0 8px;font-size:1.05rem}#voice-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:12px;align-items:center;align-content:start;grid-auto-rows:auto}#voice-grid .full{grid-column:1 / -1}#voice-grid>*{margin:0}#options{color:#2f2f2f}input[type=text],input[type=password],select{width:100%;padding:8px;border-radius:8px;border:1px solid #ccc;background:transparent;color:inherit}:root{color-scheme:light dark}*{box-sizing:border-box}