*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--bg-card: #111116;--bg-hover: rgba(255,255,255,.03);--border: rgba(255,255,255,.08);--text: #e4e4e7;--text-muted: #71717a;--text-dim: #52525b;--teal: #14b8a6;--teal-light: #2dd4bf;--teal-bg: rgba(20,184,166,.12);--teal-border: rgba(20,184,166,.2);--radius: 16px}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:600px;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-screen{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-card{text-align:center;max-width:320px}.auth-icon{width:64px;height:64px;border-radius:20px;background:var(--teal-bg);border:1px solid var(--teal-border);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--teal)}.auth-card h1{font-size:22px;font-weight:800;margin-bottom:4px}.auth-card>p{font-size:13px;color:var(--text-muted);margin-bottom:24px}.auth-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--teal);font-size:14px;font-weight:600}.auth-error{padding:12px 16px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:13px}.auth-hint p{font-size:14px;color:var(--text-muted);line-height:1.6}.auth-sub{font-size:12px!important;color:var(--text-dim)!important;margin-top:8px}.list-header{padding:16px 16px 12px;border-bottom:1px solid var(--border);background:var(--bg-card)}.list-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.list-header h1{font-size:24px;font-weight:800}.list-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.list-badge{width:28px;height:28px;border-radius:50%;background:var(--teal-bg);border:1px solid var(--teal-border);color:var(--teal);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-dim)}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px;font-family:inherit}.search-bar input::placeholder{color:var(--text-dim)}.pill-tabs{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--border)}.pill-tabs::-webkit-scrollbar{display:none}.pill{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:700;font-family:inherit;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:var(--text-dim);cursor:pointer;transition:all .2s;white-space:nowrap}.pill:active{opacity:.8}.pill-teal{background:#14b8a626;color:#5eead4;border-color:#14b8a659;box-shadow:0 0 12px #14b8a626}.pill-amber{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b59;box-shadow:0 0 12px #f59e0b26}.pill-purple{background:#a855f726;color:#d8b4fe;border-color:#a855f759;box-shadow:0 0 12px #a855f726}.pill-gold{background:#eab30826;color:#fde047;border-color:#eab30859;box-shadow:0 0 12px #eab30826}.pill-badge{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ffffffe6;color:#111;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.pill-teal .pill-badge{background:#14b8a6;color:#000}.pill-amber .pill-badge{background:#f59e0b;color:#000}.pill-purple .pill-badge{background:#a855f7;color:#fff}.pill-gold .pill-badge{background:#eab308;color:#000}.avatar-active{background:linear-gradient(135deg,#14b8a64d,#3b82f64d)!important;color:var(--teal)!important}.avatar-pending{background:#ffffff0d!important;color:var(--text-dim)!important;border:1px dashed rgba(255,255,255,.15)}.convo-status{font-size:10px;font-weight:600;flex-shrink:0}.status-active{color:var(--teal)}.status-pending{color:var(--text-dim)}.convo-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.convo-item{width:100%;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:none;border-bottom:1px solid rgba(255,255,255,.03);background:none;color:var(--text);text-align:left;cursor:pointer;transition:background .15s;font-family:inherit;animation:fadeIn .2s ease-out}.convo-item:active{background:var(--bg-hover)}.convo-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#14b8a633,#3b82f633);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--teal);flex-shrink:0}.convo-content{flex:1;min-width:0}.convo-top{display:flex;align-items:center;justify-content:space-between}.convo-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-time{font-size:11px;color:var(--text-dim);flex-shrink:0;margin-left:8px}.convo-role{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.convo-preview{font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.convo-badge{width:22px;height:22px;border-radius:50%;background:var(--teal);color:#000;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.convo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-dim)}.convo-empty svg{margin-bottom:12px;opacity:.4}.convo-empty p{font-size:14px;font-weight:600}.convo-empty-hint{font-size:12px;color:var(--text-dim);margin-top:4px}.thread-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card)}.back-btn{background:none;border:none;color:var(--teal);cursor:pointer;padding:4px;display:flex;align-items:center}.thread-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#14b8a633,#3b82f633);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--teal);flex-shrink:0}.thread-info{min-width:0}.thread-name{font-size:15px;font-weight:700;display:block}.thread-role{font-size:11px;color:var(--text-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:8px}.messages-loading,.messages-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim)}.messages-empty svg{margin-bottom:8px;opacity:.3}.messages-empty p{font-size:14px}.msg{display:flex;animation:fadeIn .15s ease-out}.msg-out{justify-content:flex-end}.msg-in{justify-content:flex-start}.msg-bubble{max-width:80%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;word-break:break-word}.bubble-out{background:var(--teal-bg);border:1px solid var(--teal-border);color:#d1fae5;border-bottom-right-radius:4px}.bubble-in{background:#ffffff0d;border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.msg-bubble p{white-space:pre-wrap}.msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:10px;color:var(--text-dim)}.msg-meta .read{color:var(--teal)}.input-bar{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-card);padding-bottom:max(12px,env(safe-area-inset-bottom))}.input-bar textarea{flex:1;padding:10px 14px;border-radius:20px;background:#ffffff0d;border:1px solid var(--border);color:var(--text);font-size:15px;font-family:inherit;resize:none;outline:none;max-height:120px;transition:border-color .2s}.input-bar textarea:focus{border-color:var(--teal-border)}.input-bar textarea::placeholder{color:var(--text-dim)}.send-btn{width:42px;height:42px;border-radius:50%;background:var(--teal);border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.send-btn:disabled{opacity:.3;cursor:not-allowed}.send-btn:not(:disabled):active{transform:scale(.92)}.convo-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:4px}.convo-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}