:root{--bg: var(--tg-theme-bg-color, #0f1115);--text: var(--tg-theme-text-color, #e8eaed);--hint: var(--tg-theme-hint-color, #9aa0a6);--accent: var(--tg-theme-button-color, #3b82f6);--accent-text: var(--tg-theme-button-text-color, #fff);--secondary: var(--tg-theme-secondary-bg-color, #1a1d24);--danger: #ef4444;--ok: #22c55e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;flex:1;max-width:480px;margin:0 auto;width:100%}.header{padding:12px 16px;border-bottom:1px solid var(--secondary);display:flex;align-items:center;justify-content:space-between}.header h1{margin:0;font-size:1.1rem}.logout-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--secondary);background:var(--secondary);color:var(--text);cursor:pointer}.login-page{align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:420px;padding:20px;border-radius:16px;background:var(--secondary);text-align:center}.login-card h1{margin:0 0 10px}.login-card p{color:var(--hint);line-height:1.4}.telegram-login{display:flex;justify-content:center;margin-top:16px}.login-warning{color:var(--danger)!important}.tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;border-bottom:1px solid var(--secondary)}.tab{flex-shrink:0;padding:6px 12px;border-radius:16px;background:var(--secondary);border:none;color:var(--text);font-size:.85rem;cursor:pointer}.tab.active{background:var(--accent);color:var(--accent-text)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;align-items:center}select,input,textarea,button{font:inherit}select{flex:1;min-width:120px;padding:8px;border-radius:8px;border:1px solid var(--secondary);background:var(--secondary);color:var(--text)}.messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.msg{max-width:92%;padding:10px 12px;border-radius:12px;font-size:.92rem;line-height:1.4;white-space:pre-wrap}.msg.user{align-self:flex-end;background:var(--accent);color:var(--accent-text)}.msg.assistant{align-self:flex-start;background:var(--secondary)}.msg.system{align-self:center;color:var(--hint);font-size:.8rem}.status-bar{padding:6px 16px;font-size:.8rem;color:var(--hint);text-align:center}.controls{padding:12px 16px 24px;border-top:1px solid var(--secondary);display:flex;flex-direction:column;gap:12px}.ptt-row{display:flex;gap:10px;align-items:center;justify-content:center}.ptt{flex:1;max-width:220px;height:72px;border-radius:36px;border:none;background:var(--accent);color:var(--accent-text);font-weight:600;font-size:1rem;touch-action:none;-webkit-user-select:none;user-select:none}.ptt.recording{background:var(--danger);transform:scale(1.02)}.ctrl-btn{width:48px;height:48px;border-radius:24px;border:1px solid var(--secondary);background:var(--secondary);color:var(--text);cursor:pointer}.ctrl-btn:disabled{opacity:.4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{background:var(--bg);width:100%;max-width:480px;max-height:80dvh;border-radius:16px 16px 0 0;padding:16px;overflow-y:auto}.modal h2{margin:0 0 12px;font-size:1rem}.modal label{display:block;font-size:.8rem;color:var(--hint);margin-bottom:4px}.modal input,.modal textarea{width:100%;margin-bottom:12px;padding:10px;border-radius:8px;border:1px solid var(--secondary);background:var(--secondary);color:var(--text)}.modal textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-secondary{background:var(--secondary);color:var(--text)}.streaming{opacity:.85;border:1px dashed var(--hint)}