:root{--navy:#1a3a6b;--navy-dark:#122a52;--navy-light:#2d5aa0;--gold-light:#fbbf48;--bg:#eef2f8;--bg-card:#fff;--text-main:#1e2a3a;--text-muted:#6b7a99;--user-bubble:#d6e4f7;--shadow-sm:0 2px 8px #1a3a6b1a;--shadow-md:0 4px 20px #1a3a6b26;--shadow-lg:0 8px 32px #1a3a6b33}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f8;background:var(--bg);color:#1e2a3a;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c5d3e8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0b3d0}:root{--navy:#1c1c2e;--navy-mid:#28284a;--navy-light:#3a3a6a;--red:#d42830;--red-dark:#a82020;--gold:#f4a61d;--gold-light:#f8c84a;--bg:#eff1f6;--bg-warm:#f4f0ea;--card:#fff;--border:#dde2ec;--border-light:#eef1f7;--text:#1c1c2e;--text-mid:#475569;--text-muted:#8896ae;--user-bubble:#d42830;--bot-bubble:#fff;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-pill:50px;--shadow-xs:0 1px 4px #1c1c2e14;--shadow-sm:0 2px 10px #1c1c2e1a;--shadow-md:0 6px 24px #1c1c2e24;--shadow-lg:0 12px 40px #1c1c2e2e}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.app-shell{background:#eff1f6;background:var(--bg);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden}.app-header{background:#1c1c2e;background:var(--navy);box-shadow:0 2px 16px #00000052;gap:16px;height:64px;justify-content:space-between;padding:0 24px;z-index:20}.app-header,.header-brand{align-items:center;display:flex;flex-shrink:0}.header-brand{gap:12px}.brand-logo{filter:drop-shadow(0 0 6px rgba(244,166,29,.5));flex-shrink:0;height:42px;width:42px}.header-titles{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;margin-top:10px}.header-title{color:#070707;font-size:15px!important;font-weight:700;letter-spacing:.3px;line-height:1.2}.header-sub{color:#0c0c0c8c;font-size:11px;font-weight:400;margin-top:1px}.header-greeting{color:#f8c84a;color:var(--gold-light);flex:1 1;font-size:13px;font-weight:600;letter-spacing:.2px;text-align:center}.header-actions{flex-shrink:0;gap:8px}.hdr-btn,.header-actions{align-items:center;display:flex}.hdr-btn{background:#ffffff14;border:1.5px solid #fff3;border-radius:50px;border-radius:var(--radius-pill);color:#ffffffe6;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;gap:6px;letter-spacing:.2px;padding:7px 16px;transition:all .2s}.hdr-btn:hover{background:#ffffff2e;border-color:#ffffff59}.hdr-btn--stop{background:#d4283026;border-color:#d428308c;color:#ff9090}.hdr-btn--stop:hover{background:#d4283047}.app-body{flex:1 1;gap:0}.app-body,.avatar-panel{display:flex;overflow:hidden}.avatar-panel{align-items:center;background:linear-gradient(165deg,#f4f0ea,#e8e2d8);border-right:1px solid #dde2ec;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;padding:20px 16px 16px;position:relative;width:290px}.avatar-panel:before{background:radial-gradient(circle,#f4a61d1a 0,#0000 70%);height:200px;right:-60px;top:-60px;width:200px}.avatar-panel:after,.avatar-panel:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.avatar-panel:after{background:radial-gradient(circle,#d4283014 0,#0000 70%);bottom:-40px;height:160px;left:-40px;width:160px}.avatar-card{background:linear-gradient(145deg,#ddd8ce,#c8c0b4);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 24px #1c1c2e24,0 0 0 3px #fff9;box-shadow:var(--shadow-md),0 0 0 3px #fff9;flex-shrink:0;overflow:hidden;position:relative;transition:box-shadow .4s ease;width:230px}.avatar-card--speaking{box-shadow:0 6px 24px #1c1c2e24,0 0 0 3px #fff9,0 0 28px 6px #f4a61d52;box-shadow:var(--shadow-md),0 0 0 3px #fff9,0 0 28px 6px #f4a61d52}.avatar-wrapper{align-items:center;animation:avatar-idle 4s ease-in-out infinite;display:flex;flex-direction:column}.avatar-wrapper.is-speaking{animation:avatar-speaking-shake .45s ease-in-out infinite}@keyframes avatar-idle{0%,to{transform:translateY(0)}30%{transform:translateY(-4px)}70%{transform:translateY(2px)}}@keyframes avatar-speaking-shake{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(.35deg)}75%{transform:translateY(1px) rotate(-.35deg)}}.avatar-portrait{border-radius:20px 20px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:block;height:322px;overflow:hidden;transition:box-shadow .4s;width:230px}.avatar-portrait.speaking-glow{box-shadow:inset 0 0 24px #f4a61d33}.avatar-ring{border:2.5px solid #f4a61d;border:2.5px solid var(--gold);border-radius:20px;border-radius:var(--radius-lg);height:330px;left:50%;opacity:0;pointer-events:none;position:absolute;top:-4px;transform:translateX(-50%);width:238px;z-index:2}.avatar-ring.speaking{animation:pulse-ring 1.4s ease-out infinite;opacity:1}.avatar-ring.speaking:after{animation:pulse-ring 1.4s ease-out .5s infinite;border:2px solid #f4a61d;border:2px solid var(--gold);border-radius:inherit;content:"";inset:-7px;opacity:.35;position:absolute}@keyframes pulse-ring{0%{opacity:.85;transform:translateX(-50%) scale(.97)}70%{opacity:0;transform:translateX(-50%) scale(1.04)}to{opacity:0;transform:translateX(-50%) scale(.97)}}.avatar-info{background:#fff;background:var(--card);border:1px solid #eef1f7;border:1px solid var(--border-light);border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;box-shadow:0 6px 20px #1c1c2e1a;padding:10px 16px 12px;width:230px}.avatar-name{color:#1c1c2e;color:var(--navy);font-size:15px;font-weight:700;letter-spacing:.2px}.avatar-status{align-items:center;display:flex;gap:6px;margin-top:3px}.status-dot{animation:blink 2.4s ease-in-out infinite;background:#4ade80;border-radius:50%;flex-shrink:0;height:7px;width:7px}.status-dot.speaking{animation:blink .55s ease-in-out infinite;background:#f4a61d;background:var(--gold)}.status-text{color:#8896ae;color:var(--text-muted);font-size:11.5px}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.avatar-badge{align-items:center;background:#1c1c2e12;border-radius:50px;border-radius:var(--radius-pill);color:#475569;color:var(--text-mid);display:flex;font-size:11px;font-weight:500;gap:6px;margin-top:12px;padding:5px 14px}.avatar-badge__dot{animation:blink 2.4s ease-in-out infinite;background:#4ade80;border-radius:50%;height:6px;width:6px}.chat-panel{background:#eff1f6;background:var(--bg);overflow:hidden}.chat-panel,.chat-window{display:flex;flex:1 1;flex-direction:column}.chat-window{gap:2px;overflow-y:auto;padding:16px 20px 12px;scroll-behavior:smooth}.message-row{animation:fadeUp .25s ease;display:flex;margin-bottom:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-row--bot{justify-content:flex-start}.message-row--user{justify-content:flex-end}.message-bubble{border-radius:14px;border-radius:var(--radius);font-size:13.5px;line-height:1.65;max-width:90%;padding:11px 15px;white-space:pre-wrap;word-break:break-word}.message-bubble--bot{background:#fff;background:var(--bot-bubble);border:1px solid #eef1f7;border:1px solid var(--border-light);border-bottom-left-radius:4px;box-shadow:0 1px 4px #1c1c2e14;box-shadow:var(--shadow-xs);color:#1c1c2e;color:var(--text)}.message-bubble--user{background:#d42830;background:var(--user-bubble);border-bottom-right-radius:4px;box-shadow:0 2px 10px #1c1c2e1a;box-shadow:var(--shadow-sm);color:#fff;max-width:100%!important}.message-time{color:#8896ae;color:var(--text-muted);font-size:10px;margin-top:3px;padding:0 4px}.message-row--user .message-time{text-align:right}.typing-indicator{align-items:center;animation:fadeUp .25s ease;background:#fff;background:var(--bot-bubble);border:1px solid #eef1f7;border:1px solid var(--border-light);border-radius:14px;border-radius:var(--radius);border-bottom-left-radius:4px;box-shadow:0 1px 4px #1c1c2e14;box-shadow:var(--shadow-xs);display:flex;gap:5px;margin-bottom:6px;padding:12px 16px;width:fit-content}.typing-dot{animation:typing-bounce 1.2s ease-in-out infinite;background:#3a3a6a;background:var(--navy-light);border-radius:50%;height:7px;width:7px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.buttons-area{background:#fff;background:var(--card);border-top:1px solid #eef1f7;border-top:1px solid var(--border-light);flex-shrink:0;padding:8px 20px 6px}.buttons-label{color:#8896ae;color:var(--text-muted);font-size:10.5px;font-weight:600;letter-spacing:.9px;margin-bottom:8px;text-transform:uppercase}.buttons-grid{display:flex;flex-wrap:wrap;gap:7px}.option-btn{background:#fff;background:var(--card);border:1.5px solid #dde2ec;border:1.5px solid var(--border);border-radius:50px;border-radius:var(--radius-pill);box-shadow:0 1px 4px #1c1c2e14;box-shadow:var(--shadow-xs);color:#1c1c2e;color:var(--navy);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;padding:8px 16px;transition:all .18s ease;white-space:nowrap}.option-btn:hover{background:#1c1c2e;background:var(--navy);border-color:#1c1c2e;border-color:var(--navy);box-shadow:0 2px 10px #1c1c2e1a;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.option-btn:active{transform:translateY(0)}.option-btn--quiz{background:#fff8e8;color:#7a4a00}.option-btn--quiz,.option-btn--quiz:hover{border-color:#f4a61d;border-color:var(--gold)}.option-btn--quiz:hover{background:#f4a61d;background:var(--gold);color:#fff}.input-area{background:#fff;background:var(--card);border-top:1px solid #dde2ec;border-top:1px solid var(--border);flex-shrink:0;padding:10px 20px 14px}.input-divider{display:none}.input-row{align-items:center;background:#eff1f6;background:var(--bg);border:1.5px solid #dde2ec;border:1.5px solid var(--border);border-radius:50px;border-radius:var(--radius-pill);display:flex;gap:8px;padding:6px 8px 6px 18px;transition:border-color .2s,box-shadow .2s}.input-row:focus-within{background:#fff;border-color:#3a3a6a;border-color:var(--navy-light);box-shadow:0 0 0 3px #3a3a6a1a}.chat-input{background:#0000;border:none;color:#1c1c2e;color:var(--text);flex:1 1;font-family:inherit;font-size:13.5px;outline:none;padding:6px 0}.chat-input::placeholder{color:#8896ae;color:var(--text-muted)}.icon-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:16px;height:36px;justify-content:center;transition:all .18s;width:36px}.btn-mic{background:#eff1f6;background:var(--bg);color:#3a3a6a;color:var(--navy-light)}.btn-mic:hover{background:#dde4f8}.btn-mic.active{animation:mic-pulse 1s ease infinite;background:#fff0f0;color:#e53935}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 #e5393566}50%{box-shadow:0 0 0 8px #e5393500}}.btn-send{background:#1c1c2e;background:var(--navy);color:#fff}.btn-send:hover{background:#28284a;background:var(--navy-mid)}.btn-send:disabled{background:#c5cfdf;cursor:not-allowed}.input-hint{color:#8896ae;color:var(--text-muted);font-size:10.5px;letter-spacing:.1px;margin-top:7px;text-align:center}.inactivity-overlay{inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1000}.inactivity-overlay--in{opacity:1;pointer-events:auto}.inactivity-backdrop{background:#0a0e1e26;inset:0;position:absolute}.inactivity-popup{align-items:center;background:#fff;border:2px solid #f4a61d;border:2px solid var(--gold);border-radius:20px;border-radius:var(--radius-lg);bottom:28px;box-shadow:0 12px 40px #1c1c2e2e;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px;opacity:0;padding:20px 20px 16px;position:absolute;right:28px;transform:translateY(28px) scale(.92);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;width:268px}.inactivity-popup--in{opacity:1;transform:translateY(0) scale(1)}.inactivity-avatar{animation:bob 2.6s ease-in-out infinite;background:linear-gradient(145deg,#28284a,#1c1c2e);background:linear-gradient(145deg,var(--navy-mid),var(--navy));box-shadow:0 6px 24px #1c1c2e24;box-shadow:var(--shadow-md);overflow:visible;position:relative}.inactivity-avatar,.inactivity-avatar svg{border-radius:50%;height:70px;width:70px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.inactivity-wave{animation:wave-hand 1.4s ease-in-out infinite;font-size:20px;position:absolute;right:-10px;top:-6px;transform-origin:70% 80%}@keyframes wave-hand{0%,to{transform:rotate(0deg)}20%{transform:rotate(-20deg)}40%{transform:rotate(20deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.inactivity-bubble{background:#eff1f6;background:var(--bg);border:1px solid #eef1f7;border:1px solid var(--border-light);border-radius:14px;border-radius:var(--radius);padding:11px 14px;position:relative;width:100%}.inactivity-bubble__tail{border-bottom:8px solid #eef1f7;border-bottom:8px solid var(--border-light);border-left:8px solid #0000;border-right:8px solid #0000;left:50%;position:absolute;top:-8px;transform:translateX(-50%)}.inactivity-bubble__text{color:#1c1c2e;color:var(--navy);font-size:13px;font-weight:600;line-height:1.5;margin:0;text-align:center}.inactivity-bubble__text span{color:#8896ae;color:var(--text-muted);font-size:11.5px;font-weight:400}.inactivity-actions{width:100%}.inactivity-btn{border:none;border-radius:50px;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:10px;transition:all .2s;width:100%}.inactivity-btn--primary{background:#1c1c2e;background:var(--navy);color:#fff}.inactivity-btn--primary:hover{background:#28284a;background:var(--navy-mid);transform:translateY(-1px)}.inactivity-close{background:none;border:none;border-radius:4px;color:#8896ae;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:2px 5px;position:absolute;right:12px;top:10px;transition:color .2s}.inactivity-close:hover{color:#1c1c2e;color:var(--navy)}@media (max-width:768px){.app-body{flex-direction:column}.avatar-panel{border-bottom:1px solid #dde2ec;border-bottom:1px solid var(--border);border-right:none;flex-direction:row;gap:16px;justify-content:center;padding:12px 16px 10px;width:100%}.avatar-card{width:90px}.avatar-portrait{height:126px;width:90px}.avatar-info{padding:6px 10px 8px;width:90px}.avatar-name{font-size:12px}.avatar-badge{display:none}.avatar-ring{height:130px;width:94px}.header-greeting{display:none}.header-title{font-size:13px}}
/*# sourceMappingURL=main.21bc0f64.css.map*/