button.tool.enabled{color:#d3d3d3;background-color:#258;box-shadow:inset 0 0 10px 7px #135}.spinner.hidden{display:none}.spinner{border:4px solid #0000001a;border-left-color:#60abddbf;border-radius:50%;width:35px;height:35px;margin-left:-80px;margin-right:35px;animation:1s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}body{background-color:#f5f7fa;max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{color:#2c3e50;text-align:center}.container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:10px 15px;font-size:16px;transition:background-color .3s}button:hover{background-color:#2980b9}button:disabled{cursor:not-allowed;background-color:#95a5a6}#status{background-color:#ecf0f1;border-radius:4px;margin:20px 0;padding:10px}.green{color:#27ae60}.red{color:#c0392b}.controls{gap:10px;margin:20px 0;display:flex}#transcript{border:1px solid #ddd;border-radius:4px;max-height:300px;margin-top:20px;padding:10px;overflow-y:auto}.ai-message,.user-message{border-radius:4px;margin:10px 0;padding:10px}.ai-message{background-color:#e8f4fc}.user-message{text-align:right;background-color:#f0f9e8}.function-call{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin:10px 0;padding:8px}.login-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.login-card{text-align:center;background-color:#fff;border-radius:8px;max-width:400px;padding:40px;box-shadow:0 4px 6px #0000001a}.login-card h1{margin-bottom:1rem}.login-card p{color:#666;margin-bottom:1.5rem;line-height:1.6}.btn-twitter{color:#fff;background-color:#1da1f2;border-radius:4px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.btn-twitter:hover{background-color:#1a8cd8}.control-panel{z-index:1000;background-color:#fff;flex-direction:column;width:400px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 12px #00000026}.control-panel.open{transform:translate(0)}.panel-toggle{color:#fff;cursor:pointer;z-index:1001;background-color:#3498db;border:none;border-radius:50%;width:48px;height:48px;font-size:24px;transition:background-color .3s,transform .2s;position:fixed;top:20px;right:20px;box-shadow:0 4px 8px #0003}.panel-toggle:hover{background-color:#2980b9;transform:scale(1.05)}.panel-header{background-color:#f5f7fa;border-bottom:1px solid #e5e7eb;padding:20px}.panel-header h2{color:#2c3e50;margin:0;font-size:18px}.panel-section{border-bottom:1px solid #e5e7eb;padding:15px 20px}.panel-section h3{color:#666;text-transform:uppercase;margin:0 0 10px;font-size:14px;font-weight:600}.transcript-container{background-color:#fafafa;flex:1;padding:20px;overflow-y:auto}.message{word-wrap:break-word;border-radius:12px;max-width:85%;margin:10px 0;padding:10px 14px;animation:.2s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{text-align:right;background-color:#dcf8c6;margin-left:auto}.message.assistant{background-color:#e3f2fd;margin-right:auto}.message.system{background-color:#fff3cd;border-left:4px solid #ffc107;max-width:90%;margin:10px auto;font-size:13px}.message .timestamp{color:#666;opacity:.7;margin-top:4px;font-size:11px}.message.streaming:after{content:"▊";margin-left:2px;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.control-panel #tools{flex-direction:column;gap:8px;display:flex}.control-panel #tools button.tool{text-align:left;width:100%}