:root{--chi-bg: #ecf0f2;--chi-surface: #f8fbfc;--chi-surface-raised: #ffffff;--chi-text: #1c2328;--chi-text-muted: #5b6770;--chi-accent: #0d5f66;--chi-accent-strong: #083f44;--chi-success: #2f7d32;--chi-danger: #8f2d2d;--chi-border: #c9d4dc;--chi-message-out: #d7eef1;--chi-message-in: #ffffff;--chi-radius: 12px;--chi-radius-message: 18px;--chi-shadow: 0 10px 30px rgba(19, 34, 40, .14);--chi-font-body: "Noto Sans", "Liberation Sans", sans-serif;--chi-font-ui: "Noto Sans", "Liberation Sans", sans-serif}[data-theme=black]{--chi-bg: #090a0a;--chi-surface: #111313;--chi-surface-raised: #161a1a;--chi-text: #f2f4f4;--chi-text-muted: #96a3a3;--chi-accent: #2ca2ad;--chi-accent-strong: #4fced7;--chi-success: #52b057;--chi-danger: #c55252;--chi-border: #233033;--chi-message-out: #1a3a3d;--chi-message-in: #171d1e;--chi-shadow: 0 10px 30px rgba(0, 0, 0, .5)}.chi-shell{min-height:100vh;background:radial-gradient(circle at 22% 12%,rgba(44,162,173,.18),transparent 42%),radial-gradient(circle at 84% 88%,rgba(13,95,102,.22),transparent 45%),var(--chi-bg);color:var(--chi-text);font-family:var(--chi-font-body)}.chi-card{background:var(--chi-surface-raised);border:1px solid var(--chi-border);border-radius:var(--chi-radius);box-shadow:var(--chi-shadow)}.chi-pill{border-radius:999px;border:1px solid var(--chi-border);background:var(--chi-surface);color:var(--chi-text)}.chi-btn{border:0;border-radius:10px;font-family:var(--chi-font-ui);font-weight:700;padding:.6rem .95rem;background:var(--chi-accent);color:#fff;cursor:pointer}.chi-btn.secondary{background:transparent;color:var(--chi-accent-strong);border:1px solid var(--chi-border)}.chi-message{border-radius:var(--chi-radius-message);padding:.75rem .9rem;border:1px solid var(--chi-border)}.chi-message.in{background:var(--chi-message-in)}.chi-message.out{background:var(--chi-message-out)}:root{--color-primary: #009688;--color-primary-dark: #00796b;--color-accent: #33b5e5;--color-bg: #000000;--color-surface: #212121;--color-surface-light: #303030;--color-text: #ffffff;--color-text-secondary: #b3b3b3;--color-divider: #424242;--color-error: #f44336;--shadow-1: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.8);--shadow-2: 0 3px 6px rgba(0,0,0,.6), 0 3px 6px rgba(0,0,0,.9)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:14px}input,select{background-color:transparent;border:none;border-bottom:2px solid var(--color-divider);color:var(--color-text);padding:8px 0;border-radius:0;transition:border-bottom-color .2s}input:focus,select:focus{outline:none;border-bottom-color:var(--color-accent)}select option{background-color:var(--color-surface);color:var(--color-text)}button{background-color:transparent;color:var(--color-accent);border:none;text-transform:uppercase;font-weight:500;letter-spacing:.5px;padding:8px 16px;border-radius:2px;cursor:pointer;transition:background-color .2s}button:hover{background-color:#33b5e526}button.primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-1)}button.primary:hover{background-color:var(--color-primary-dark)}button:disabled{opacity:.5;cursor:default}.app-auth-shell{height:100vh;display:flex;flex-direction:column}.auth-topbar,.app-topbar{background-color:var(--color-surface);height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:10;gap:16px}.auth-topbar h1,.app-topbar h1{margin:0;font-size:20px;font-weight:500}.auth-card-wrap{flex:1;display:flex;justify-content:center;align-items:center;padding:16px;overflow:auto}.auth-card{width:100%;max-width:400px;background-color:var(--color-surface);box-shadow:var(--shadow-1);padding:24px;border-radius:2px;display:flex;flex-direction:column;gap:16px}.auth-card h2{margin:0 0 8px;font-size:24px;font-weight:400}.auth-card p{margin:0;color:var(--color-text-secondary)}.auth-card label{display:flex;flex-direction:column;font-size:12px;color:var(--color-text-secondary);gap:4px}.auth-mode-tabs{display:flex;border-bottom:1px solid var(--color-divider);margin-bottom:16px}.auth-mode-tabs button{flex:1;border-radius:0;color:var(--color-text-secondary)}.auth-mode-tabs button.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}.chat-app{height:100vh;display:flex;flex-direction:column}.app-layout{flex:1;display:flex;min-height:0}.sidebar{width:250px;background-color:var(--color-bg);display:flex;flex-direction:column;z-index:1}.sidebar-head{display:none}.sidebar-actions{display:flex;align-items:center;gap:4px}.sidebar-actions button{padding:4px 8px;min-width:32px}.sidebar-search-container{padding:8px 16px;background-color:var(--color-surface);border-bottom:1px solid var(--color-divider);display:flex;align-items:center;gap:8px}.sidebar-search{flex:1;padding:4px 8px;min-width:0}.filter-tabs{display:none}.filter-tabs{display:flex;background-color:var(--color-surface-light);border-bottom:1px solid var(--color-divider)}.filter-tabs button{flex:1;padding:12px 0;color:var(--color-text-secondary);font-size:12px;text-transform:uppercase}.filter-tabs button.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);background-color:#ffffff0d}.conversation-list{flex:1;overflow-y:auto}.conversation-item{width:100%;text-align:left;padding:12px 16px;background-color:transparent;border-bottom:1px solid var(--color-divider);display:flex;flex-direction:column;gap:4px;border-radius:0;color:var(--color-text);text-transform:none}.conversation-item:hover{background-color:var(--color-surface)}.conversation-item.active{background-color:var(--color-surface-light);border-left:4px solid var(--color-accent);padding-left:12px}.conversation-item strong{font-size:16px;font-weight:500}.conversation-item p{margin:0;font-size:13px;color:var(--color-text-secondary)}.chat-main{flex:1;display:flex;flex-direction:column;background-color:#0a0a0a}.chat-header{height:48px;min-height:48px;padding:0 16px;background-color:var(--color-surface);border-bottom:1px solid var(--color-divider);display:flex;flex-direction:column;justify-content:center;z-index:5}.chat-header h2{margin:0;font-size:18px;font-weight:500}.chat-header p{margin:2px 0 0;font-size:12px;color:var(--color-text-secondary)}.message-feed{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message-bubble{max-width:80%;padding:8px 12px;border-radius:2px;box-shadow:0 1px 1px #0003;display:flex;flex-direction:column}.message-bubble.incoming{align-self:flex-start;background-color:var(--color-surface);border-left:2px solid var(--color-primary)}.message-bubble.outgoing{align-self:flex-end;background-color:#1e3a3a;border-right:2px solid var(--color-accent)}.bubble-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sender-name{font-size:12px;font-weight:500;color:var(--color-accent);cursor:pointer;text-transform:none}.message-bubble.outgoing .sender-name{color:var(--color-text-secondary)}.msg-time{font-size:11px;color:var(--color-text-secondary);margin-left:8px}.message-text{margin:0;font-size:14px;line-height:1.4;word-wrap:break-word}.composer{padding:8px 0 8px 16px;background-color:var(--color-surface);display:flex;align-items:center;gap:0;height:56px}.composer input{flex:1;border:none;background-color:transparent;color:var(--color-text);font-size:15px;padding:12px 0;border-bottom:none;height:100%}.composer input:focus{border:none}.composer button{border-radius:0;height:100%;min-width:60px;padding:0 24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;text-transform:uppercase}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{background-color:var(--color-surface);box-shadow:var(--shadow-2);border-radius:2px;width:320px;padding:24px;display:flex;flex-direction:column;gap:16px}.modal-card h3{margin:0;font-size:20px;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.menu-overlay,.settings-menu{position:absolute;background-color:var(--color-surface-light);box-shadow:var(--shadow-2);border-radius:2px;padding:8px 0;min-width:160px;z-index:100;border:1px solid var(--color-divider)}.settings-menu{top:calc(100% + 4px);right:16px}.settings-menu.inline{position:static;background-color:transparent;box-shadow:none;display:flex;gap:8px;align-items:center;border:none;padding:0}.menu-overlay button,.settings-menu button{width:100%;text-align:left;border-radius:0;color:var(--color-text);padding:10px 16px;font-size:14px}.menu-overlay button:hover,.settings-menu button:hover{background-color:#ffffff1a}.menu-overlay button.danger,.settings-menu button.danger{color:var(--color-error)}.message-empty,.empty-copy{margin:auto;text-align:center;color:var(--color-text-secondary)}.message-empty h3{font-size:20px;font-weight:500;margin-bottom:8px}.status-banner{padding:12px 16px;font-size:13px;font-weight:500;margin:16px 16px 0;border-radius:2px}.status-banner.error{background-color:#f4433626;border:1px solid var(--color-error);color:#ffcdd2}.status-banner.info{background-color:#00968826;border:1px solid var(--color-primary);color:#b2dfdb}.type-tabs{display:flex;border-bottom:1px solid var(--color-divider);margin-bottom:8px}.type-tabs button{flex:1;border-radius:0;color:var(--color-text-secondary);font-size:12px}.type-tabs button.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}.topbar-right{display:flex;align-items:center;position:relative;flex:0 0 auto}.topbar-center{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar-left{flex:0 0 auto;display:flex;align-items:center}.user-chip{background:transparent;color:var(--color-text);min-height:48px}