.chat-heading{position:relative;padding:0 20px 15px}.chat-heading h2{font-size:18px;margin:0 30px 10px 0}.chat-heading>.icon{position:absolute;right:0;top:15px}.chat-private{font-size:13px;line-height:20px;color:#aaa}.chat-private button{padding:0;color:#bbb;text-decoration:underline}.chatting main{height:100dvh;padding:24px 64px 12px;overflow:hidden}.chatting #conversation{overflow-y:auto;scroll-behavior:smooth;min-height:0;padding:0 15px 15px;scrollbar-width:thin}.chatting #entry{flex-shrink:0;background:none;border:none;bottom:0}.chatting .privacy{justify-content:center;padding:5px;font-size:10px}.chatting .privacy button{font-size:10px;padding:0;text-decoration:underline;color:inherit}.chatting .toolbar .model{display:none}.chatting .message.user{font-weight:600;font-size:14px;border-radius:24px 24px 4px 24px;padding:12px 19px;background:#272727;position:relative;max-width:96%;margin:10px 0 42px auto}.user-actions{position:absolute;right:0;bottom:-36px;display:flex;color:#888}.user-actions button{padding:6px}.message.assistant{padding:12px 20px}.message.assistant .label{font-size:12px;color:#b9b9b9;margin-bottom:22px}.message-content{font-size:14px;line-height:1.7}.actions{gap:5px}.actions button{height:30px;min-width:28px;font-size:15px;padding:4px}.actions button:last-child{font-size:12px;margin-left:4px}.demo-label{font-size:9px;padding:3px 5px;border-radius:4px;border:1px solid #444;color:#999;margin-left:8px;font-weight:normal}.followups{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.followups button{border:1px solid #444;padding:8px 10px;border-radius:16px;font-size:12px}.demo-badge{position:fixed;right:10px;top:8px;font-size:9px;color:#777;padding:4px 6px;z-index:15;background:var(--bg)}.generating{padding:20px;color:#999;animation:shimmer 1.2s infinite}#promo{max-width:640px;width:100%;background:#252525;border:1px solid #444;border-radius:22px;padding:18px 16px 15px;margin:12px 0;position:relative;flex-shrink:0;animation:expand .35s ease;max-height:160px;overflow:hidden;transition:max-height .28s,opacity .28s,padding .28s,margin .28s,transform .28s}#promo>div:first-of-type{display:flex;gap:15px;padding:0 27px 14px 5px;line-height:22px;font-size:13px}#promo .mini-logo{width:33px;height:33px;font-size:26px;flex-shrink:0}.promo-close{position:absolute;right:12px;top:12px;font-size:22px}.promo-buttons{display:flex;gap:8px}.promo-buttons button{background:#414141;flex:1;border-radius:24px;padding:10px;font-size:13px;font-weight:600}.promo-buttons button:first-child{background:#ffda82;color:#222}#promo.dismissing{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin:0;transform:translateY(10px)}.promo-after{font-size:12px!important;padding:0!important;align-items:center}.promo-after button{padding:5px 10px}.generated{max-width:480px;border-radius:16px;overflow:hidden;border:1px solid #444}.generated>img{display:block;width:100%;cursor:zoom-in;animation:imageReveal .7s ease-out}.generated>div{padding:7px;display:flex;gap:5px}.generated button{padding:7px 12px;font-size:12px}.analysis-tag{display:inline-block;font-size:12px;color:#a4c7ef;border:1px solid #3e5066;padding:5px 10px;border-radius:20px}.image-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.image-examples button{padding:0;overflow:hidden;display:block;border:1px solid #444;border-radius:15px}.image-examples img{display:block;width:100%;height:110px;object-fit:cover;transition:transform .3s}.image-examples button:hover img{transform:scale(1.04)}.image-examples span{display:block;font-size:11px;padding:9px}.voice-panel{width:410px;max-width:100%;margin:auto;background:#00172d;color:#e9f3ff;padding:28px 24px 24px;text-align:center;border-radius:30px}.voice-panel h2{font-size:23px;margin:0 0 30px;font-weight:500;letter-spacing:-.5px}.voice-picker{display:flex;align-items:center;justify-content:space-between}.voice-picker>button{width:48px;height:48px;border-radius:50%;background:#21364e;font-size:32px;font-weight:200}.voice-orb{width:150px;height:150px;position:relative;display:grid;place-content:center;isolation:isolate;margin:auto}.voice-orb:before{content:'';position:absolute;inset:25px;border-radius:50%;background:radial-gradient(circle,#f5fbff 0,#d2e3ed 22%,#8faabb88 45%,transparent 72%);filter:blur(8px);transform:scale(1.35);z-index:-1}.voice-orb span{font:bold 36px monospace;letter-spacing:5px;color:#10364e;transform:translateY(-6px)}.voice-orb b{font-size:46px;color:#4dc778;line-height:35px;text-shadow:0 3px 0 #319d58;transform:translateY(12px)}.voice-panel>p{color:#a6bbd0;font-weight:600;margin:8px 0 15px}.voice-notes{border-radius:20px;background:#20364e;text-align:left;padding:5px 20px 20px;font-size:13px;line-height:22px;margin-bottom:12px}.voice-notes small{font-size:11px;color:#9aafc2}.enable-voice{width:100%;background:#429ce4;border-radius:24px;color:#001c37;padding:11px;font-size:13px;font-weight:bold}.enable-voice:hover{background:#6cb4ed}.voice-panel.live{min-height:440px}.voice-panel.live .voice-orb{margin:25px auto}.talking:before{animation:voiceGlow 1.5s ease-in-out infinite}.voice-panel .voice-actions{margin-top:25px;gap:10px}.voice-panel .voice-actions button{border:0;border-radius:30px;background:#233d55;padding:12px 16px;font-size:12px}.voice-panel .voice-actions .end-call{background:#b44649;font-size:24px;padding:5px 17px}#voice-transcript{font-size:12px;text-align:left;line-height:1.6;max-height:140px;overflow:auto}.selected{color:#8cbdff!important;background:#284464!important}.recording-bars{height:90px;display:flex;gap:4px;align-items:center;justify-content:center}.recording-bars i{width:4px;height:20px;border-radius:4px;background:#8cb9eb;animation:wave .8s infinite alternate;animation-delay:calc(var(--n)*-.06s)}#dialog:has(.voice-panel){width:410px;border:0;background:transparent;border-radius:30px}#dialog:has(.voice-panel) .dialog-close{color:#aaa}.message{animation:appear .22s ease-out}.light .message.user{background:#ececec}.light #promo{background:#f3f3f3;color:#222}.light #suggestions button{background:#eee;color:#222}.light #popover{background:#fff;color:#222}.light .privacy{color:#666}@keyframes expand{from{opacity:0;max-height:0;transform:translateY(18px)}to{opacity:1;max-height:160px;transform:none}}@keyframes imageReveal{from{filter:blur(12px);opacity:.3;transform:scale(1.03)}to{filter:blur(0);opacity:1;transform:none}}@keyframes shimmer{50%{opacity:.35}}@keyframes voiceGlow{50%{transform:scale(1.7);filter:blur(13px)}}@keyframes wave{to{height:60px}}@media(max-width:900px){.chatting main{padding:55px 12px 10px}.message.assistant{padding:12px 5px}.chat-heading{padding-left:3px}#promo{margin:7px 0}.voice-panel{width:100%}.image-examples{gap:6px}.image-examples img{height:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
