.watt{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg, var(--solar-tint), var(--card) 60%);flex-direction:column;margin-top:8px;display:flex;overflow:hidden}.watt-stream{flex-direction:column;flex:1;gap:22px;min-height:40vh;max-height:64vh;padding:20px 24px;display:flex;overflow-y:auto}.watt-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 0 12px;display:flex}.watt-avatar{background:var(--solar);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-flex}.watt-avatar svg{width:22px;height:22px}.watt-greet{color:var(--ink-2);max-width:44ch;margin-bottom:20px;font-size:15.5px;line-height:1.65}.watt-greet strong{color:var(--solar)}.watt-starters{flex-flow:wrap;justify-content:center;gap:8px;display:flex}.watt-chip{font:inherit;text-align:left;cursor:pointer;background:var(--bg);color:var(--ink);border:1px solid var(--line-2);border-radius:999px;padding:9px 16px;font-size:14px;transition:border-color .12s,color .12s}.watt-chip:hover{border-color:var(--solar);color:var(--solar)}.watt-notice{color:var(--muted);border:1px dashed var(--line-2);border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6}.watt-notice code,.watt-disclaimer code,.watt-bubble code{font-family:var(--font-mono), monospace;background:#7f7f7f24;border-radius:4px;padding:1px 5px;font-size:.88em}.watt-msg{flex-direction:column;gap:5px;max-width:86%;display:flex}.watt-msg.user{align-self:flex-end;align-items:flex-end}.watt-msg.assistant{align-self:flex-start;align-items:flex-start}.watt-role{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:700}.watt-bubble{color:var(--ink);border-radius:14px;padding:12px 16px;font-size:15px;line-height:1.62}.watt-msg.user .watt-bubble{background:var(--solar);color:#fff;border-bottom-right-radius:5px}.watt-msg.assistant .watt-bubble{background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:5px}.watt-bubble p{margin:0 0 10px}.watt-bubble p:last-child{margin-bottom:0}.watt-bubble ul{margin:6px 0;padding-left:20px}.watt-bubble li{margin:3px 0}.watt-msg.assistant .watt-bubble a{color:var(--solar);text-underline-offset:2px;text-decoration:underline}.watt-msg.user .watt-bubble a{color:#fff}.watt-bubble hr.watt-hr{border:none;border-top:1px solid var(--line);margin:12px 0}.watt-bubble p.watt-heading{margin:14px 0 6px;font-weight:600}.watt-bubble p.watt-heading:first-child{margin-top:0}.watt-typing{align-items:center;gap:4px;padding:2px 0;display:inline-flex}.watt-typing i{background:var(--faint);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite watt-bounce}.watt-typing i:nth-child(2){animation-delay:.15s}.watt-typing i:nth-child(3){animation-delay:.3s}@keyframes watt-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.watt-input{border-top:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.watt-field{border:1px solid var(--line-2);background:var(--bg);border-radius:12px;flex:1;align-items:flex-end;gap:6px;min-width:0;padding:0 6px 0 0;transition:border-color .12s;display:flex}.watt-field:focus-within,.watt-field.listening{border-color:var(--solar)}.watt-input textarea{min-width:0;font:inherit;resize:none;max-height:140px;color:var(--ink);background:0 0;border:0;border-radius:12px;flex:1;padding:11px 4px 11px 14px;font-size:15px;line-height:1.5}.watt-input textarea:focus{outline:none}.watt-input button[type=submit]{font:inherit;cursor:pointer;background:var(--solar);color:#fff;border:none;border-radius:12px;padding:11px 20px;font-size:14px;font-weight:600;transition:filter .12s}.watt-input button[type=submit]:hover:not(:disabled){filter:brightness(1.07)}.watt-input button:disabled{opacity:.5;cursor:not-allowed}.watt-mic{width:32px;height:32px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-bottom:5px;padding:0;transition:color .15s,background .15s;display:inline-flex}.watt-mic svg{width:17px;height:17px}.watt-mic:hover:not(:disabled){color:var(--solar);background:var(--solar-tint)}.watt-mic.listening{color:#fff;background:var(--solar);animation:1.6s ease-in-out infinite mic-pulse}@media (prefers-reduced-motion:reduce){.watt-mic.listening{animation:none}}.watt-voice-error{color:#8b2020;flex:100%;margin:10px 2px 0;font-size:12.5px;line-height:1.55}.watt-disclaimer{color:var(--faint);margin:20px 4px 0;font-size:12.5px;line-height:1.6}.watt-disclaimer a{color:var(--muted);text-decoration:underline}@media (max-width:640px){.watt-disclaimer{margin:24px 6px 0}.watt-stream{min-height:56vh;padding:16px}.watt-msg{max-width:95%}}.watt-hero{justify-content:flex-start;padding:152px 0 88px}@media (max-width:640px){.watt-hero{padding:116px 0 64px}}.watt-hero .watt{-webkit-backdrop-filter:saturate(180%)blur(20px);background:linear-gradient(165deg,#ffffff17,#ffffff08);border-color:#ffffff29;margin-top:26px;box-shadow:inset 0 1px #ffffff17}.watt-hero .watt-stream{min-height:34vh;max-height:50vh}.watt-hero .watt-greet{color:#ffffffd1}.watt-hero .watt-greet strong{color:#6fd8e4}.watt-hero .watt-role{color:#ffffff73}.watt-hero .watt-chip{color:#ffffffdb;background:#ffffff0f;border-color:#ffffff2e}.watt-hero .watt-chip:hover{color:#8fe0ea;border-color:#4fc7d6}.watt-hero .watt-notice{color:#ffffff9e;border-color:#ffffff38}.watt-hero .watt-bubble{color:#ffffffe6}.watt-hero .watt-msg.assistant .watt-bubble{background:#ffffff0d;border-color:#ffffff1f}.watt-hero .watt-msg.assistant .watt-bubble a{color:#8fe0ea}.watt-hero .watt-msg.user .watt-bubble{background:#1e6b76}.watt-hero .watt-bubble hr.watt-hr{border-top-color:#ffffff29}.watt-hero .watt-typing i{background:#ffffff80}.watt-hero .watt-input{background:#ffffff0a;border-top-color:#ffffff1f}.watt-hero .watt-field{background:#ffffff0f;border-color:#ffffff29}.watt-hero .watt-field:focus-within,.watt-hero .watt-field.listening{border-color:#4fc7d6}.watt-hero .watt-input textarea{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0}.watt-hero .watt-input textarea::placeholder{color:#ffffff6b}.watt-hero .watt-input button[type=submit]{color:#fff;background:#20808d}.watt-hero .watt-mic{color:#ffffff8c}.watt-hero .watt-mic:hover:not(:disabled){color:#8fe0ea;background:#ffffff14}.watt-hero .watt-mic.listening{color:#fff;background:#20808d}.watt-hero .watt-voice-error{color:#ffb4a8}.watt-faq{gap:26px;max-width:68ch;margin:40px 0 8px;display:grid}.watt-faq .expl-h{margin:0 0 6px}.watt-faq .muted{margin:0;line-height:1.65}
