*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif}:root{--red: #c0392b;--red-dark: #922b21;--orange: #e67e22;--amber: #f39c12;--amber-light: #fff8e1;--cream: #faf7f2;--warm-white: #fffcf9;--sidebar-bg: #1a0f0a;--sidebar-text: #f0e0d0;--text: #2c1810;--text-muted: #9b7b6a;--border: #e8ddd5;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.12)}.app{display:flex;height:100dvh;overflow:hidden;background:var(--cream)}.sidebar{width:264px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.sidebar__header{display:flex;align-items:center;gap:12px;padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar__logo{font-size:30px;line-height:1}.sidebar__title{font-size:15px;font-weight:700;line-height:1.2;color:#fff}.sidebar__subtitle{font-size:11px;color:var(--text-muted);margin-top:2px}.sidebar__new-btn{margin:14px 14px 8px;padding:10px 16px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;text-align:center}.sidebar__new-btn:hover{background:var(--red-dark)}.sidebar__section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 14px 4px}.sidebar__sessions{flex:1;overflow-y:auto;padding:0 8px 16px}.sidebar__sessions::-webkit-scrollbar{width:4px}.sidebar__sessions::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}.session-item{display:block;width:100%;text-align:left;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--sidebar-text);cursor:pointer;transition:background .13s;margin-bottom:2px}.session-item:hover{background:rgba(255,255,255,.06)}.session-item--active{background:rgba(192,57,43,.22)!important}.session-item__date{font-size:12px;font-weight:600;color:var(--orange);margin-bottom:2px}.session-item__preview{font-size:12px;opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.session-item__count{font-size:10px;opacity:.35;margin-top:3px}.sidebar__empty{padding:28px 12px;font-size:13px;color:var(--text-muted);text-align:center;line-height:1.7}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--cream)}.main__header{display:flex;align-items:center;gap:12px;padding:13px 18px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0000000d;flex-shrink:0;z-index:10}.menu-btn{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:5px 7px;border-radius:6px;line-height:1}.menu-btn:hover{background:var(--border);color:var(--text)}.main__title{flex:1;font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px}.speaking-indicator{font-size:12px;font-weight:500;color:var(--orange);animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.stop-btn{padding:6px 14px;background:var(--amber);border:none;border-radius:20px;font-size:12px;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0}.stop-btn:hover{background:#d68910}.usage-pill{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--cream);border:1px solid var(--border);border-radius:20px;padding:3px 10px;white-space:nowrap;flex-shrink:0}.usage-pill--limit{background:#ffe0de;border-color:#f5c6c1;color:var(--red-dark)}.limit-banner{background:#ffe0de;border-bottom:1px solid #f5c6c1;color:var(--red-dark);font-size:13px;font-weight:500;padding:10px 18px;text-align:center}.past-session-banner{background:#fff3cd;border-bottom:1px solid #ffd970;color:#856404;font-size:13px;padding:8px 18px;display:flex;align-items:center;gap:6px}.past-session-banner button{background:none;border:none;text-decoration:underline;color:var(--red);font-size:13px;font-weight:600;cursor:pointer;padding:0}.chat-area{flex:1;overflow-y:auto;padding:24px 20px 12px;display:flex;flex-direction:column;gap:14px}.chat-area::-webkit-scrollbar{width:5px}.chat-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.loading-sessions{align-self:center;margin-top:60px;font-size:14px;color:var(--text-muted)}.welcome{display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 16px;text-align:center}.welcome__icon{font-size:56px}.welcome__bubble{background:#fff;border-radius:18px;padding:20px 24px;box-shadow:var(--shadow);max-width:440px;font-size:15px;color:var(--text);line-height:1.65;display:flex;flex-direction:column;gap:14px}.welcome__listen-btn{align-self:center;padding:8px 18px;background:var(--orange);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.welcome__listen-btn:hover{opacity:.88}.welcome__hint{font-size:13px;color:var(--text-muted);max-width:360px;line-height:1.5}.message{display:flex;max-width:76%}.message--user{align-self:flex-end;flex-direction:row-reverse}.message--assistant{align-self:flex-start}.bubble{padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.55;box-shadow:var(--shadow)}.bubble--user{background:var(--red);color:#fff;border-bottom-right-radius:4px;word-break:break-word}.bubble--assistant{background:#fff;color:var(--text);border-bottom-left-radius:4px;display:flex;flex-direction:column;gap:10px;word-break:break-word}.bubble__main{font-size:15px;line-height:1.6}.correction-card{display:flex;gap:10px;align-items:flex-start;background:var(--amber-light);border-left:3px solid var(--amber);border-radius:6px;padding:10px 12px;font-size:13px;color:#5a3e00;line-height:1.55}.correction-card__icon{font-size:14px;flex-shrink:0;margin-top:1px}.correction-card__text{margin:0}.replay-btn{align-self:flex-end;background:none;border:none;font-size:15px;cursor:pointer;opacity:.35;padding:2px 4px;border-radius:4px;transition:opacity .15s;line-height:1}.replay-btn:hover{opacity:1}.bubble--loading{padding:18px 22px}.dot-flashing{position:relative;width:8px;height:8px;border-radius:50%;background:var(--red);animation:dotFlash 1.1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";position:absolute;top:0;width:8px;height:8px;border-radius:50%;background:var(--red)}.dot-flashing:before{left:-14px;animation:dotFlash 1.1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:14px;animation:dotFlash 1.1s infinite alternate;animation-delay:1s}@keyframes dotFlash{0%{background:var(--red)}to{background:#f5c6c1}}.error-banner{display:flex;align-items:center;gap:10px;background:#ffe0de;border:1px solid #f5c6c1;color:var(--red-dark);padding:10px 14px;border-radius:8px;font-size:13px;align-self:center;max-width:500px}.error-banner button{background:none;border:none;cursor:pointer;color:var(--red-dark);font-size:14px;margin-left:auto;padding:0 2px;line-height:1}.input-area{padding:10px 16px 16px;background:#fff;border-top:1px solid var(--border);flex-shrink:0}.interim-transcript{padding:8px 14px;margin-bottom:10px;background:#fff3e0;border-radius:10px;font-size:14px;color:#b05700;font-style:italic}.input-row{display:flex;align-items:center;gap:8px}.text-input{flex:1;padding:11px 16px;border:1.5px solid var(--border);border-radius:24px;font-size:14px;font-family:inherit;outline:none;background:var(--cream);color:var(--text);transition:border-color .18s;min-width:0}.text-input:focus{border-color:var(--red)}.text-input::placeholder{color:var(--text-muted)}.text-input:disabled{opacity:.55}.send-btn{padding:11px 20px;background:var(--red);color:#fff;border:none;border-radius:24px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--red-dark)}.send-btn:disabled{opacity:.38;cursor:not-allowed}.mic-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--border);background:var(--cream);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.mic-btn svg{width:20px;height:20px}.mic-btn:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}.mic-btn--active{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;animation:micPulse 1.6s ease-in-out infinite}.mic-btn:disabled{opacity:.38;cursor:not-allowed}@keyframes micPulse{0%,to{box-shadow:0 0 #c0392b66}50%{box-shadow:0 0 0 8px #c0392b00}}.mic-waves{display:flex;align-items:center;gap:3px;height:22px}.mic-waves span{display:block;width:3px;border-radius:3px;background:#fff;animation:waveBar .75s ease-in-out infinite}.mic-waves span:nth-child(1){height:8px;animation-delay:0s}.mic-waves span:nth-child(2){height:16px;animation-delay:.12s}.mic-waves span:nth-child(3){height:20px;animation-delay:.24s}.mic-waves span:nth-child(4){height:12px;animation-delay:.36s}@keyframes waveBar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media (max-width: 640px){.sidebar{position:fixed;top:0;left:0;height:100%;z-index:200;transform:translate(-100%);transition:transform .28s ease;box-shadow:var(--shadow-md)}.app--sidebar-open .sidebar{transform:translate(0)}.message{max-width:90%}.send-btn{padding:11px 14px;font-size:12px}}