:root{--primary:#111;--secondary:#f5f5f5;--surface:rgba(255,255,255,.94);--text:#111;--muted:#777;--danger:#e53935;--shadow:0 30px 80px rgba(0,0,0,.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(0,0,0,.06),transparent 30%),radial-gradient(circle at 85% 80%,rgba(0,0,0,.04),transparent 25%),#f2f2f2}.shell{min-height:100vh;display:grid;place-items:center;padding:20px}.call-card{width:min(100%,470px);min-height:min(850px,calc(100vh - 40px));background:var(--surface);border:1px solid rgba(0,0,0,.08);border-radius:34px;box-shadow:var(--shadow);backdrop-filter:blur(16px);display:flex;flex-direction:column;overflow:hidden}.brand{padding:24px 24px 12px;display:flex;gap:14px;align-items:center}.logo-wrap{width:54px;height:54px;border-radius:16px;overflow:hidden;background:var(--primary);color:#fff;display:grid;place-items:center;flex:0 0 auto}.logo-wrap img{width:100%;height:100%;object-fit:cover}.logo-fallback{font-weight:900;letter-spacing:-2px;font-size:20px}.brand h1{margin:0 0 4px;font-size:18px}.brand p{margin:0;font-size:13px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;background:#29b66f;border-radius:50%;margin-left:7px;box-shadow:0 0 0 5px rgba(41,182,111,.12)}.hero{padding:34px 24px 16px;text-align:center}.agent-orb{width:152px;height:152px;margin:0 auto 20px;position:relative;display:grid;place-items:center}.avatar{width:104px;height:104px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;box-shadow:0 15px 40px rgba(0,0,0,.24);position:relative;z-index:2}.rings,.rings:before,.rings:after{content:"";position:absolute;inset:11px;border:1px solid rgba(0,0,0,.13);border-radius:50%}.rings:before{inset:-13px}.rings:after{inset:-26px}.agent-orb.listening .rings,.agent-orb.speaking .rings{animation:pulse 1.5s infinite ease-out}.agent-orb.speaking .avatar{animation:breathe 1s infinite alternate ease-in-out}@keyframes pulse{0%{transform:scale(.85);opacity:.8}100%{transform:scale(1.15);opacity:0}}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.05)}}.hero h2{margin:0 0 8px;font-size:25px}.hero p{margin:0 auto;max-width:350px;color:var(--muted);line-height:1.8;font-size:14px}.timer{margin-top:17px;font-size:14px;font-variant-numeric:tabular-nums;color:#777}.live-caption{margin:14px 22px 6px;padding:16px;border:1px solid rgba(0,0,0,.07);border-radius:18px;background:#fafafa;min-height:96px}.caption-label{display:block;font-size:11px;color:#999;margin-bottom:7px}#caption{font-size:14px;line-height:1.7;word-break:break-word}.controls{margin-top:auto;padding:20px 22px 12px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}button{border:0;font:inherit;cursor:pointer;transition:.2s ease}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--primary);color:#fff;padding:14px 20px;border-radius:16px;font-weight:700;min-width:180px}.primary:hover:not(:disabled){transform:translateY(-2px)}.round{width:48px;height:48px;border-radius:50%;background:#f0f0f0}.round.active{background:var(--primary);color:#fff}.danger{height:48px;padding:0 17px;border-radius:14px;background:rgba(229,57,53,.1);color:var(--danger);font-weight:700}.fallback-chat{padding:0 22px 16px}#textForm{display:flex;gap:8px}#textInput{min-width:0;flex:1;border:1px solid #ddd;background:#fff;border-radius:14px;padding:13px;outline:none;font:inherit}#textForm button{background:#ededed;padding:0 17px;border-radius:14px;font-weight:700}footer{padding:12px 20px 20px;text-align:center;font-size:11px;color:#999}@media(max-width:520px){.shell{padding:0}.call-card{width:100%;min-height:100vh;border-radius:0;border:0}}