:root{color-scheme:dark;font-family:Space Grotesk,Inter,system-ui,sans-serif}body{margin:0;background:#020617}.widget-shell{--primary: #ff7a18;--surface: #0f172a;--accent: #22d3ee;--radius: 20px;min-height:100vh;height:100dvh;max-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:radial-gradient(circle at top right,rgb(34 211 238 / .16),transparent 30%),radial-gradient(circle at top left,rgb(255 122 24 / .22),transparent 28%),linear-gradient(180deg,#0f172afa,#0f172af0 24%,#0f172a),var(--surface);color:#fff}.widget-header,.widget-footer{padding:16px}.widget-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,#ffffff08,#fff0)}.widget-header-copy{min-width:0}.widget-eyebrow{margin:0 0 4px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#fb923c;font-weight:700}.widget-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.widget-header h1{margin:0;font-size:1.12rem;line-height:1.15}.widget-header p{margin:4px 0 0;color:#e2e8f0bf;line-height:1.4}.widget-pill{border-radius:999px;padding:6px 11px;background:#22d3ee1a;color:var(--accent);font-size:.75rem;font-weight:700;text-transform:lowercase}.widget-live-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(186 230 253 / .55);background:#0f172ae6;color:#fff;border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:600;box-shadow:inset 0 1px #ffffff0f}.widget-live-btn:disabled{opacity:.6;cursor:wait}.widget-live-btn__dot{width:10px;height:10px;border-radius:50%;background:#94a3b8}.widget-live-btn--connecting .widget-live-btn__dot{background:#f59e0b;box-shadow:0 0 0 6px #f59e0b1f}.widget-live-btn--active .widget-live-btn__dot{background:#22c55e;box-shadow:0 0 0 6px #22c55e1f}.widget-body{min-height:0;padding:0 16px 12px;overflow:auto;display:flex;flex-direction:column;gap:14px}.widget-live-state{border-radius:var(--radius);padding:15px 16px;background:linear-gradient(180deg,#0f172ab8,#020617b8);border:1px solid rgb(255 255 255 / .1);box-shadow:0 14px 32px #02061733}.widget-live-state p{margin:8px 0 0;color:#e2e8f0c2;line-height:1.4}.widget-live-indicator{display:flex;align-items:center;gap:10px}.widget-live-indicator span{width:12px;height:12px;border-radius:50%;background:#f59e0b}.widget-live-indicator.is-speaking span{background:#22c55e;box-shadow:0 0 0 8px #22c55e1f}.widget-live-indicator.is-listening span{background:var(--accent);box-shadow:0 0 0 8px #22d3ee1f}.widget-empty,.widget-message,.widget-error{border-radius:var(--radius);padding:15px 16px;background:#ffffff0e;border:1px solid rgb(255 255 255 / .08);box-shadow:0 14px 28px #02061724}.widget-message--assistant{background:linear-gradient(180deg,#122942d1,#0f253cd1)}.widget-message--user{background:linear-gradient(180deg,#3a2d38e0,#352934e0)}.widget-message--live{border-style:dashed;border-color:#22d3ee3d}.widget-message--pending{border-style:dashed;border-color:#67e8f942}.widget-message span{display:inline-block;margin-bottom:10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}.widget-message--user span{color:#fcd34d}.widget-message--assistant span{color:#67e8f9}.widget-message p,.widget-empty p,.widget-error{margin:0;line-height:1.5}.widget-thinking{display:flex;align-items:center;justify-content:space-between;gap:14px}.widget-thinking-dots{display:inline-flex;align-items:center;gap:6px}.widget-thinking-dots span{width:8px;height:8px;border-radius:50%;background:#67e8f9cc;animation:widget-thinking-bounce 1.1s infinite ease-in-out}.widget-thinking-dots span:nth-child(2){animation-delay:.14s}.widget-thinking-dots span:nth-child(3){animation-delay:.28s}@keyframes widget-thinking-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.widget-messages{display:grid;gap:12px}.widget-access-gate{display:grid;gap:12px;border-radius:var(--radius);padding:18px;background:#0f172abf;border:1px solid rgb(255 255 255 / .08)}.widget-access-gate h2{margin:0;font-size:1.1rem}.widget-access-gate p{margin:0;color:#e2e8f0c2;line-height:1.45}.widget-access-gate input{width:100%;border:1px solid rgb(255 255 255 / .12);background:#020617e6;color:#fff;border-radius:calc(var(--radius) - 6px);padding:12px}.widget-access-gate button{border:none;border-radius:calc(var(--radius) - 8px);padding:12px 16px;background:linear-gradient(135deg,var(--accent),var(--primary));color:#020617;font-weight:700;cursor:pointer}.widget-footer{padding-top:10px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,#0f172a05,#0f172ae6 30%,#0f172afa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.widget-composer{display:flex;align-items:flex-end;gap:10px;border:1px solid rgb(255 255 255 / .12);background:#0f172aeb;border-radius:calc(var(--radius) - 4px);padding:10px;box-shadow:0 14px 30px #02061738}.widget-composer:focus-within{border-color:#7dd3fc9e;box-shadow:0 0 0 3px #22d3ee1f,0 14px 30px #02061738}.widget-footer textarea{flex:1 1 auto;width:100%;box-sizing:border-box;border:none;background:transparent;color:#fff;border-radius:calc(var(--radius) - 8px);padding:12px 4px 12px 2px;resize:none;min-height:46px;max-height:160px;overflow-y:hidden;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.widget-footer textarea:focus{outline:none}.widget-send-btn{flex:0 0 auto;border:none;border-radius:16px;height:46px;padding:0 18px;background:linear-gradient(135deg,#b66734,#c57a3d 55%,#cc7b3e);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 14px 28px #00000029}.widget-send-btn:disabled{cursor:wait;opacity:.6}