:root{--bg: #16181c;--surface: #1f2227;--surface-2: #262a30;--border: #34383f;--text: #e6e8eb;--text-muted: #9aa0a8;--accent: #4f8cff;--accent-hover: #6a9eff;--danger: #e5544c;--danger-hover: #ff6a61;--radius: 6px;--font: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button{font-family:inherit;font-size:13px;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{border-color:var(--danger);color:var(--danger);background:transparent}button.danger:hover:not(:disabled){background:var(--danger);color:#fff}input,textarea{font-family:inherit;font-size:14px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}input:focus,textarea:focus{outline:none;border-color:var(--accent)}a{color:var(--accent)}code,pre{font-family:var(--mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius)}.full-page-center{height:100%;display:flex;align-items:center;justify-content:center}.login-card{display:flex;flex-direction:column;gap:12px;width:320px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.login-title{margin:0 0 8px;font-size:18px;font-weight:600}.login-error{color:var(--danger);font-size:13px}.chat-page{height:100%;display:flex;flex-direction:column;width:100%;max-width:900px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.chat-header-left,.chat-header-right{display:flex;align-items:center;gap:12px}.chat-user{font-weight:600}.session-timer{font-family:var(--mono);color:var(--text-muted);font-size:13px}.session-timer-warning{color:var(--danger)}.chat-toolbar{display:flex;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border)}.search-bar{flex:1;min-width:200px}.filter-bar{display:flex;gap:8px}.chat-main{flex:1;overflow-y:auto;padding:16px}.chat-footer{border-top:1px solid var(--border);padding:10px 16px}.message-list{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.message-list-empty{color:var(--text-muted);text-align:center;padding:40px 0}.message-item{background:var(--surface);border:1px solid var(--border);border-radius:10px 10px 10px 4px;padding:10px 12px;max-width:min(85%,640px);min-width:180px}.message-item.message-own{align-self:flex-end;border-color:#4f8cff80;background:#4f8cff1f;border-bottom-left-radius:10px;border-bottom-right-radius:4px}.message-own .message-author{color:var(--accent)}.message-header{display:flex;gap:8px;align-items:baseline;margin-bottom:6px}.message-author{font-weight:600;font-size:13px}.message-time{color:var(--text-muted);font-size:12px}.message-body{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.message-body p{margin:0 0 8px}.message-body>*:last-child{margin-bottom:0}.inline-code{background:var(--surface-2);padding:1px 5px;border-radius:4px;font-size:13px}.code-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;overflow-x:auto;font-size:13px;margin:6px 0}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px}.message-actions{display:flex;gap:8px;margin-top:8px}.message-actions button{font-size:12px;padding:3px 8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);text-decoration:none;font-size:13px;line-height:1.4}.icon-button:hover{border-color:var(--accent)}.download-button{color:var(--accent)}.file-card{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.file-card-icon{font-size:20px}.file-card-info{flex:1;display:flex;flex-direction:column;min-width:0}.file-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-size{color:var(--text-muted);font-size:12px}.image-card{display:inline-flex;flex-direction:column;max-width:320px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.image-card img{max-width:100%;max-height:280px;display:block}.image-card-fallback{padding:20px;color:var(--text-muted);text-align:center}.image-card-meta{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:12px;color:var(--text-muted)}.image-card-meta span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player{max-width:420px}.media-player video,.media-player audio{width:100%;display:block}.media-player-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);margin-top:4px}.media-player-meta span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-zone-wrapper{position:relative;flex:1;display:flex;min-height:0}.drop-zone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#4f8cff1f;border:2px dashed var(--accent);display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-zone-message{background:var(--surface);padding:10px 20px;border-radius:var(--radius);border:1px solid var(--accent)}.upload-progress-list{display:flex;flex-direction:column;gap:6px;padding:8px 16px;border-top:1px solid var(--border)}.upload-progress-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px}.upload-progress-info{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.upload-progress-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.upload-progress-status{color:var(--text-muted)}.upload-progress-bar-track{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.upload-progress-bar-fill{height:100%;background:var(--accent)}.upload-progress-error{background:var(--danger)}.upload-progress-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:var(--text-muted)}.upload-progress-meta button{margin-left:auto;font-size:11px;padding:2px 8px}.message-input-bar{display:flex;align-items:flex-end;gap:8px}.message-textarea{flex:1;resize:vertical;min-height:44px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.dialog-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;width:360px}.dialog-card h3{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast-container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:13px;max-width:320px}.toast-error{border-color:var(--danger)}