.bubble-row{display:flex;margin:8px 16px}.bubble-row.user{justify-content:flex-end}.bubble-row.assistant{justify-content:flex-start}.bubble{max-width:75%;padding:10px 14px;border-radius:16px;position:relative;word-wrap:break-word}.bubble-user{background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.bubble-assistant{background:#1e1e2e;color:#e0e0e0;border-bottom-left-radius:4px}.bubble p{margin:0 0 4px}.bubble p:last-child{margin-bottom:0}.bubble a{color:#818cf8}.bubble code{background:#ffffff1a;padding:1px 4px;border-radius:4px;font-size:.9em}.timestamp{display:block;font-size:.7em;opacity:.5;margin-top:4px;text-align:right}.artifact{margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.artifact-header{padding:6px 10px;background:#ffffff0d;font-size:.85em;display:flex;justify-content:space-between;align-items:center}.artifact-lang{font-size:.8em;opacity:.5;text-transform:uppercase}.buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.inline-button{background:#4f46e54d;border:1px solid rgba(79,70,229,.5);color:#c7d2fe;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:.85em;transition:all .15s}.inline-button:hover{background:#4f46e580;border-color:#4f46e5cc}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 20px;color:#fff;font-size:1.2em}.modal label{display:block;margin-bottom:14px;color:#9ca3af;font-size:.85em}.modal input[type=text],.modal input[type=password]{display:block;width:100%;margin-top:4px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:.95em;outline:none;box-sizing:border-box;transition:border-color .15s}.modal input[type=text]:focus,.modal input[type=password]:focus{border-color:#4f46e5}.modal select{display:block;width:100%;margin-top:4px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#2a2a3e;color:#fff;font-size:.95em;outline:none;box-sizing:border-box;cursor:pointer}.modal select:focus{border-color:#4f46e5}.toggle-label{display:flex!important;align-items:center;justify-content:space-between;cursor:pointer}.toggle-label input[type=checkbox]{display:none}.toggle-switch{width:44px;height:24px;background:#ffffff26;border-radius:12px;position:relative;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s}.toggle-label input:checked+.toggle-switch{background:#4f46e5}.toggle-label input:checked+.toggle-switch:after{transform:translate(20px)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.btn-primary{padding:10px 24px;border-radius:8px;border:none;background:#4f46e5;color:#fff;cursor:pointer;font-size:.9em;transition:background .15s}.btn-primary:hover{background:#6366f1}.btn-secondary{padding:10px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#9ca3af;cursor:pointer;font-size:.9em}.btn-secondary:hover{background:#ffffff0d}.avatar-container{display:flex;flex-direction:column;align-items:center;padding:20px 0 10px;flex-shrink:0}.avatar-orb{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 40% 40%,var(--orb-color),#1e1b4b);box-shadow:0 0 30px var(--orb-glow),inset 0 0 20px #0000004d;transition:all .5s ease}.avatar-emoji{font-size:3rem;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.avatar-orb:hover .avatar-emoji{transform:scale(1.1)}.avatar-rings{position:absolute;inset:-15px;pointer-events:none}.ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--orb-color);opacity:0;transition:opacity .3s}.avatar-orb.active .ring{opacity:.3;animation:pulse-ring 2s ease-out infinite}.avatar-orb.active .ring-1{animation-delay:0s}.avatar-orb.active .ring-2{animation-delay:.5s}.avatar-orb.active .ring-3{animation-delay:1s}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}to{transform:scale(1.5);opacity:0}}.avatar-orb.recording{box-shadow:0 0 40px #ef444480,inset 0 0 20px #0000004d;animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,to{box-shadow:0 0 30px #ef44444d,inset 0 0 20px #0000004d}50%{box-shadow:0 0 50px #ef444499,inset 0 0 20px #0000004d}}.avatar-status{margin-top:8px;font-size:.8rem;color:#9ca3af;letter-spacing:.5px;animation:fade-in .3s ease}@media(max-height:600px){.avatar-container{padding:10px 0 5px}.avatar-orb{width:80px;height:80px}.avatar-emoji{font-size:2rem}}.live2d-container{display:flex;flex-direction:column;align-items:center;padding:10px 0;flex-shrink:0;position:relative}.live2d-canvas{width:280px;height:280px;border-radius:16px;transition:box-shadow .3s ease}.live2d-container.speaking .live2d-canvas{box-shadow:0 0 20px #6366f166,0 0 40px #6366f133;animation:speaking-glow 1.5s ease-in-out infinite}.live2d-container.recording .live2d-canvas{box-shadow:0 0 20px #ef444466;animation:recording-glow 1.5s ease-in-out infinite}@keyframes speaking-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 35px #6366f180}}@keyframes recording-glow{0%,to{box-shadow:0 0 20px #ef44444d}50%{box-shadow:0 0 35px #ef444480}}.live2d-status{margin-top:6px;font-size:.8rem;color:#9ca3af;letter-spacing:.5px}@media(max-height:600px){.live2d-canvas{width:180px;height:180px}.live2d-container{padding:5px 0}}.model-selector{display:flex;gap:6px;justify-content:center;padding:4px 0}.model-btn{padding:4px 12px;border:1px solid #4b5563;border-radius:12px;background:transparent;color:#9ca3af;font-size:.75rem;cursor:pointer;transition:all .2s}.model-btn:hover{border-color:#818cf8;color:#c7d2fe}.model-btn.active{border-color:#818cf8;background:#6366f126;color:#c7d2fe}.app{display:flex;flex-direction:column;height:100dvh;background:#0d1117;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.top-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;position:absolute;top:0;left:0;right:0;z-index:20}.conn-dot{width:10px;height:10px;border-radius:50%;cursor:pointer;flex-shrink:0}.history-count{font-size:.75rem;color:#fff6;cursor:pointer;padding:2px 6px}.history-count:hover{color:#ffffffb3}.top-btn{background:transparent;border:none;font-size:1.1em;cursor:pointer;padding:4px 8px;opacity:.4;transition:opacity .15s}.top-btn:hover{opacity:1}.orb-mode{display:flex;flex-direction:column;height:100%;padding-top:40px}.orb-center{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.status-label{font-size:.8rem;color:#9ca3af;margin-top:4px;letter-spacing:.5px;animation:fade-in .3s ease}.chat-scroll{flex:1;overflow-y:auto;padding:8px 0;min-height:0}.chat-scroll::-webkit-scrollbar{width:5px}.chat-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.live2d-mode{position:relative;display:flex;flex-direction:column;height:100%;background:#060a1f}.live2d-fullscreen{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.live2d-fullscreen .live2d-container{padding:0;width:100%;height:100%}.live2d-fullscreen .live2d-canvas{width:100%!important;height:100%!important;border-radius:0}.l2d-chat-overlay{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none;z-index:10}.l2d-chat-overlay>*{pointer-events:auto}.l2d-chat-scroll .chat-bubble{animation:l2d-bubble-fade .6s ease 5s forwards}.l2d-chat-scroll.l2d-revealed .chat-bubble{animation:none!important;opacity:1!important}@keyframes l2d-bubble-fade{to{opacity:0}}.l2d-chat-scroll{flex:1;overflow-y:auto;padding:60px 12px 8px;display:flex;flex-direction:column;gap:6px;mask-image:linear-gradient(transparent 0%,transparent 5%,rgba(0,0,0,.3) 20%,black 40%,black 100%);-webkit-mask-image:linear-gradient(transparent 0%,transparent 5%,rgba(0,0,0,.3) 20%,black 40%,black 100%);scrollbar-width:none}.l2d-chat-scroll::-webkit-scrollbar{display:none}.l2d-chat-scroll .chat-bubble{background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;max-width:85%;text-shadow:0 1px 2px rgba(0,0,0,.5)}.l2d-chat-scroll .chat-bubble.user{background:#4f46e580}.l2d-status{font-size:.8rem;color:#cccc;text-align:center;padding:4px}.bottom-controls{display:flex;align-items:center;justify-content:center;gap:32px;padding:16px 0 24px;flex-shrink:0}.mic-main{width:72px;height:72px;border-radius:50%;border:3px solid rgba(99,102,241,.5);background:#6366f126;font-size:1.6em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.mic-main:hover:not(:disabled){border-color:#818cf8;background:#6366f140;transform:scale(1.05)}.mic-main:disabled{opacity:.3;cursor:not-allowed}.mic-main.recording{border-color:#ef4444;background:#ef444433;animation:pulse-rec 1.5s infinite}.mic-main.playing{border-color:#f59e0b;background:#f59e0b26}@keyframes pulse-rec{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}.side-btn{width:48px;height:48px;border-radius:50%;border:none;background:transparent;font-size:1.3em;cursor:pointer;opacity:.5;transition:opacity .15s}.side-btn:hover{opacity:1}.text-input-bar{display:flex;align-items:center;gap:8px;padding:12px 16px 24px;flex-shrink:0}.text-input{flex:1;padding:12px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:.95em;outline:none;transition:border-color .15s}.text-input:focus{border-color:#4f46e5}.text-input::placeholder{color:#555}.text-input:disabled{opacity:.4}.send-btn{width:44px;height:44px;border-radius:50%;border:none;background:#4f46e5;color:#fff;font-size:1.2em;cursor:pointer;transition:all .15s;flex-shrink:0}.send-btn:hover:not(:disabled){background:#6366f1}.send-btn:disabled{opacity:.3;cursor:not-allowed}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.l2d-models{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.model-pill{padding:4px 12px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:transparent;color:#9ca3af;font-size:.75rem;cursor:pointer;transition:all .2s}.model-pill:hover{border-color:#818cf8;color:#c7d2fe}.model-pill.active{border-color:#818cf8;background:#6366f126;color:#c7d2fe}.side-btn.active{opacity:1;color:#22c55e;animation:pulse-smart 2s infinite}@keyframes pulse-smart{0%,to{opacity:.8}50%{opacity:1}}@media(max-width:480px){.bubble{max-width:85%}.bottom-controls{gap:24px}.mic-main{width:64px;height:64px;font-size:1.4em}}@media(max-height:600px){.orb-center .avatar-container{padding:5px 0}.bottom-controls{padding:8px 0 16px}}