.agent-demo{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:var(--color-warm-bg);background-image:url(/email_bg.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;color:var(--color-text);font-family:var(--font-body);overflow:hidden}.agent-header{display:flex;align-items:center;gap:14px;height:64px;padding:0 20px;border-bottom:1px solid rgba(38,20,12,.06);background:rgba(255,252,248,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex-shrink:0}.agent-back{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-full);color:var(--color-primary);text-decoration:none;transition:background var(--transition-fast)}.agent-back:hover{background:var(--skeleton-base)}.agent-header-title{flex:1;min-width:0}.agent-header-name{font-size:15px;font-weight:600;color:var(--color-primary);letter-spacing:-.01em}.agent-header-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);margin-top:2px}.agent-status-dot{width:6px;height:6px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 3px rgba(46,204,113,.18)}.agent-lang-toggle{background:transparent;border:1px solid rgba(38,20,12,.12);color:var(--color-primary);font-size:12px;font-weight:600;letter-spacing:.04em;padding:7px 14px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.agent-lang-toggle:hover{background:var(--color-primary);color:var(--color-cream);border-color:var(--color-primary)}.agent-stream{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 20px 16px;scroll-behavior:smooth}.agent-stream::-webkit-scrollbar{width:6px}.agent-stream::-webkit-scrollbar-thumb{background:rgba(38,20,12,.12);border-radius:3px}.agent-empty{max-width:640px;margin:0 auto;padding:60px 16px 40px;text-align:center}.agent-empty-orb{width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--color-light-peach-beige),var(--color-light-caramel) 55%,var(--color-peach-beige) 100%);box-shadow:0 14px 36px rgba(212,165,116,.35),inset 0 0 24px rgba(255,255,255,.4);position:relative;animation:agent-orb-breathe 3.6s ease-in-out infinite}.agent-empty-orb span{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.7),transparent 60%);pointer-events:none}@keyframes agent-orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.agent-empty-heading{font-size:32px;font-weight:600;color:var(--color-primary);letter-spacing:-.02em;margin:0 0 8px}.agent-empty-sub{font-size:15px;color:var(--color-text-light);margin:0 0 36px}.agent-suggestions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.agent-suggestion{background:var(--color-card-bg);border:1px solid rgba(38,20,12,.08);color:var(--color-primary);font-size:14px;font-weight:500;padding:10px 18px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.agent-suggestion:hover{background:var(--color-light-peach-beige);border-color:var(--color-light-caramel);transform:translateY(-1px)}.agent-messages{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.agent-row{display:flex;gap:10px;align-items:flex-end}.agent-row--user{justify-content:flex-end}.agent-row--agent{justify-content:flex-start}.agent-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-light-caramel),var(--color-peach-beige));display:grid;place-items:center;color:var(--color-primary);flex-shrink:0;box-shadow:0 2px 8px rgba(212,165,116,.3)}.agent-bubble{padding:12px 16px;font-size:14.5px;line-height:1.5;max-width:78%;word-wrap:break-word}.agent-bubble-text{margin:0;white-space:pre-wrap}.agent-bubble--user{background:var(--color-primary);color:var(--color-cream);border-radius:18px 18px 4px 18px}.agent-bubble--agent{background:var(--color-card-bg);color:var(--color-text);border:1px solid rgba(38,20,12,.06);border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px rgba(38,20,12,.03)}.agent-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.agent-pill{background:var(--color-cream);border:1px solid var(--color-light-caramel);color:var(--color-primary);font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.agent-pill:hover{background:var(--color-light-peach-beige);transform:translateY(-1px)}.agent-pill--primary{background:var(--color-primary);color:var(--color-cream);border-color:var(--color-primary)}.agent-pill--primary:hover{background:#3a1f15;border-color:#3a1f15}.agent-typing{display:inline-flex;align-items:center;gap:4px;padding:14px 18px}.agent-typing span{width:7px;height:7px;border-radius:50%;background:var(--color-peach-beige);animation:agent-typing-dot 1.2s ease-in-out infinite}.agent-typing span:nth-child(2){animation-delay:.15s}.agent-typing span:nth-child(3){animation-delay:.3s}@keyframes agent-typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.agent-composer{display:flex;align-items:center;gap:8px;padding:12px 16px 16px;border-top:1px solid rgba(38,20,12,.06);background:var(--color-warm-bg);flex-shrink:0;width:100%;max-width:760px;margin:0 auto;box-sizing:border-box}.agent-input{flex:1;background:var(--color-card-bg);border:1px solid rgba(38,20,12,.08);color:var(--color-primary);font-size:15px;padding:12px 18px;border-radius:var(--radius-full);outline:none;font-family:inherit;transition:border-color var(--transition-fast)}.agent-input:focus{border-color:var(--color-light-caramel)}.agent-input::placeholder{color:var(--color-text-muted)}.agent-icon-btn{width:44px;height:44px;border-radius:50%;border:none;display:grid;place-items:center;cursor:pointer;background:var(--color-primary);color:var(--color-cream);transition:transform var(--transition-fast),background var(--transition-fast);flex-shrink:0}.agent-icon-btn:hover{transform:scale(1.05)}.agent-mic{background:linear-gradient(135deg,var(--color-light-caramel),var(--color-peach-beige));color:var(--color-primary)}.agent-voice{position:fixed;inset:0;background:linear-gradient(160deg,var(--color-primary) 0,#3a1f15 60%,#4a2a1e 100%);z-index:1000;display:flex;align-items:center;justify-content:center}.agent-voice-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,248,242,.1);color:var(--color-cream);display:grid;place-items:center;cursor:pointer;transition:background var(--transition-fast)}.agent-voice-close:hover{background:rgba(255,248,242,.2)}.agent-voice-vad-toggle{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,248,242,.15);background:rgba(255,248,242,.08);color:rgba(255,248,242,.78);font-size:12.5px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.agent-voice-vad-toggle:hover{background:rgba(255,248,242,.14)}.agent-voice-vad-toggle--on{border-color:rgba(212,165,116,.55);background:rgba(212,165,116,.18);color:var(--color-cream)}.agent-voice-vad-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,248,242,.35);transition:background var(--transition-fast)}.agent-voice-vad-toggle--on .agent-voice-vad-dot{background:var(--color-light-caramel,#e2b07a);box-shadow:0 0 8px rgba(226,176,122,.6)}[dir=rtl] .agent-voice-vad-toggle{left:auto;right:24px}.agent-voice-content{display:flex;flex-direction:row;align-items:stretch;gap:40px;width:100%;max-width:1180px;height:100%;padding:80px 48px 48px;box-sizing:border-box}.agent-voice-stage{flex:1 1 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:0 32px;text-align:center}.agent-voice-orb{width:180px;height:180px;position:relative;display:grid;place-items:center;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;cursor:pointer;color:inherit;font:inherit}.agent-voice-orb:disabled{cursor:default}.agent-voice-orb:focus-visible{outline:2px solid rgba(255,248,242,.7);outline-offset:6px;border-radius:50%}.agent-voice-orb-glow{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(212,165,116,.45) 0,rgba(212,165,116,0) 70%);animation:agent-voice-glow 2.4s ease-in-out infinite}.agent-voice-orb-core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--color-light-peach-beige) 0,var(--color-light-caramel) 45%,var(--color-peach-beige) 100%);box-shadow:0 24px 80px rgba(212,165,116,.5),inset 0 0 40px rgba(255,255,255,.3)}@keyframes agent-voice-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.agent-voice-status{font-size:18px;font-weight:500;color:var(--color-cream);letter-spacing:-.01em;min-height:24px}.agent-voice-transcript{max-width:520px;font-size:15px;line-height:1.5;color:rgba(255,248,242,.75);font-style:italic}.agent-voice-hint{font-size:13px;color:rgba(255,248,242,.55);letter-spacing:.01em}.agent-voice-error{max-width:520px;font-size:14px;line-height:1.45;color:rgba(255,200,200,.95)}.agent-voice-orb--thinking .agent-voice-orb-core,.agent-voice-orb--transcribing .agent-voice-orb-core{filter:saturate(.55) brightness(.85)}.agent-voice-orb--thinking .agent-voice-orb-glow,.agent-voice-orb--transcribing .agent-voice-orb-glow{opacity:.4}.agent-voice-orb--speaking .agent-voice-orb-core{filter:hue-rotate(-10deg) brightness(1.08)}.agent-voice-orb--cooldown .agent-voice-orb-glow{animation-duration:1.2s}.agent-voice-orb--error .agent-voice-orb-core{filter:saturate(.3) brightness(.7)}.agent-voice-log{flex:1 1 50%;display:flex;flex-direction:column;gap:12px;background:rgba(255,248,242,.04);border:1px solid rgba(255,248,242,.08);border-radius:20px;padding:24px;min-height:0;max-width:520px}.agent-voice-log-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,248,242,.55)}.agent-voice-log-list{display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1 1 auto;padding-right:4px;scroll-behavior:smooth}.agent-voice-log-list::-webkit-scrollbar{width:6px}.agent-voice-log-list::-webkit-scrollbar-track{background:transparent}.agent-voice-log-list::-webkit-scrollbar-thumb{background:rgba(255,248,242,.15);border-radius:3px}.agent-voice-log-empty{font-size:14px;line-height:1.55;color:rgba(255,248,242,.55);max-width:380px;margin:auto 0}.agent-voice-turn{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:rgba(255,248,242,.06)}.agent-voice-turn--user{background:rgba(212,165,116,.18);align-self:flex-end;max-width:92%}.agent-voice-turn--agent{align-self:flex-start;max-width:92%}.agent-voice-turn--error .agent-voice-turn-text{color:rgba(255,200,200,.95)}.agent-voice-turn-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,248,242,.5)}.agent-voice-turn-text{font-size:14.5px;line-height:1.5;color:var(--color-cream);white-space:pre-wrap}[dir=rtl] .agent-bubble--user{border-radius:18px 18px 18px 4px}[dir=rtl] .agent-bubble--agent{border-radius:18px 18px 4px 18px}[dir=rtl] .agent-back svg{transform:scaleX(-1)}[dir=rtl] .agent-voice-close{right:auto;left:20px}@media (max-width:900px){.agent-voice-content{flex-direction:column;gap:20px;padding:64px 20px 24px}.agent-voice-stage{flex:0 0 auto;gap:16px}.agent-voice-log{flex:1 1 auto;width:100%;max-width:none;min-height:180px}}@media (max-width:640px){.agent-empty{padding-top:40px}.agent-empty-heading{font-size:26px}.agent-bubble,.agent-empty-sub{font-size:14px}.agent-bubble{max-width:86%}.agent-voice-orb{width:140px;height:140px}.agent-voice-status{font-size:16px}.agent-voice-log{padding:16px}.agent-voice-turn-text{font-size:14px}}.agent-bubble-md{font-size:15px;line-height:1.55;color:inherit}.agent-bubble-md p{margin:0 0 .6em}.agent-bubble-md p:last-child{margin-bottom:0}.agent-bubble-md h1,.agent-bubble-md h2,.agent-bubble-md h3{margin:.6em 0 .4em;font-weight:600;line-height:1.3}.agent-bubble-md h1{font-size:1.15em}.agent-bubble-md h2{font-size:1.08em}.agent-bubble-md h3{font-size:1em}.agent-bubble-md ol,.agent-bubble-md ul{margin:.4em 0 .6em;padding-inline-start:1.2em}.agent-bubble-md li{margin:.15em 0}.agent-bubble-md strong{font-weight:600}.agent-bubble-md em{font-style:italic}.agent-bubble-md hr{border:0;border-top:1px solid rgba(0,0,0,.08);margin:.8em 0}.agent-bubble-md code{background:rgba(0,0,0,.06);border-radius:4px;padding:.05em .35em;font-size:.92em}.agent-bubble-md a{color:inherit;text-decoration:underline}.agent-bubble-md table{width:100%;border-collapse:collapse;margin:.5em 0 .7em;font-size:13.5px}.agent-bubble-md td,.agent-bubble-md th{border:1px solid rgba(0,0,0,.08);padding:.45em .6em;text-align:start;vertical-align:top}.agent-bubble-md th{background:rgba(0,0,0,.04);font-weight:600}.agent-bubble--error{background:rgba(255,86,86,.08);border:1px solid rgba(255,86,86,.2)}.agent-pay-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 18px;background:var(--color-primary);color:var(--color-cream);border-radius:var(--radius-full);font-size:14px;font-weight:600;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast)}.agent-pay-link:hover{background:var(--color-light-caramel)}.agent-pay-link:active{transform:scale(.97)}.agent-suggestions-row{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 0 42px;max-width:720px;margin:0 auto}.agent-suggestion-pill{background:var(--color-card-bg);color:var(--color-primary);border:1px solid rgba(38,20,12,.12);border-radius:var(--radius-full);padding:8px 14px;font-size:13.5px;font-family:inherit;font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.agent-suggestion-pill:hover:not(:disabled){background:var(--color-light-caramel);color:var(--color-cream);border-color:var(--color-light-caramel)}.agent-suggestion-pill:active:not(:disabled){transform:scale(.97)}.agent-suggestion-pill:disabled{opacity:.5;cursor:not-allowed}.agent-verify-rail{display:flex;justify-content:center;padding:8px 16px 4px}.agent-verify-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;transition:background .15s ease,transform .15s ease}.agent-verify-pill:hover{background:#e2e8f0;transform:translateY(-1px)}.agent-verify-pill svg{color:#0ea5e9}.agent-verify-panel{margin:6px 12px 4px;padding:12px 14px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px -16px rgba(15,23,42,.18)}.agent-verify-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.agent-verify-title{font-size:14px;font-weight:600;color:#0f172a}.agent-verify-close{background:transparent;border:0;padding:4px;color:#64748b;cursor:pointer;display:inline-flex}.agent-verify-close:hover{color:#0f172a}.agent-verify-body{display:flex;flex-direction:column;gap:8px}.agent-verify-hint{font-size:12.5px;color:#64748b;margin:0}.agent-verify-link{background:none;border:0;padding:0;color:#0ea5e9;cursor:pointer;font:inherit;text-decoration:underline}.agent-verify-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;outline:none;transition:border-color .15s ease}.agent-verify-input:focus{border-color:#0ea5e9}.agent-verify-otp{letter-spacing:.6em;font-size:18px;text-align:center;font-variant-numeric:tabular-nums}.agent-verify-error{font-size:12.5px;color:#dc2626;background:rgba(220,38,38,.08);border-radius:8px;padding:6px 10px}.agent-verify-submit{background:#0ea5e9;color:#fff;border:0;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.agent-verify-submit:hover:not(:disabled){background:#0284c7}.agent-verify-submit:disabled{opacity:.6;cursor:progress}.agent-verified-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-inline-start:6px;background:#10b981;color:#fff;border-radius:999px;vertical-align:middle}