*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0a0a0f;color:#c8c8d0;overflow:hidden}.login-screen{height:100%;display:flex;align-items:center;justify-content:center;background:#0a0a0f;padding:20px}.login-card{width:520px;max-height:92vh;overflow-y:auto;padding:28px;background:#13131a;border:1px solid #1e1e2e;border-radius:12px;display:flex;flex-direction:column;gap:18px}.login-brand{text-align:center;margin-bottom:4px}.login-brand h1{font-size:1.35rem;font-weight:600;color:#e0e0e8;margin-top:10px;letter-spacing:.6px}.login-brand p{font-size:.82rem;color:#5a5a6a;margin-top:3px}.login-brand svg{color:#4a6741}.login-section{display:flex;flex-direction:column;gap:6px}.login-section label{font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px;color:#5a5a6a;font-weight:600}.login-section input{background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;padding:11px 14px;color:#c8c8d0;font-size:.95rem;outline:none;transition:border-color .15s}.login-section input:focus{border-color:var(--room-color, #4a6741)}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.room-tile{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;cursor:pointer;transition:all .12s;text-align:left;color:inherit}.room-tile:hover{background:#20202c;border-color:#3a3a4a}.room-active{background:#4a67411f!important;border-color:var(--room-color, #4a6741)!important}.room-active .room-icon{color:var(--room-color, #4a6741)!important}.room-active .room-label{color:#e0e0e8!important}.room-icon{color:#5a5a6a;flex-shrink:0}.room-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.room-label{font-size:.82rem;font-weight:600;color:#a0a0b0}.room-desc{font-size:.72rem;color:#4a4a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-arrow{color:var(--room-color, #4a6741);flex-shrink:0}.btn-enter{background:#4a6741;border:none;border-radius:8px;padding:13px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s;margin-top:4px}.btn-enter:hover:not(:disabled){background:#5a7751}.btn-enter:disabled{opacity:.45;cursor:not-allowed}.chat-room{height:100%;display:flex;flex-direction:column}.chat-header{height:56px;background:#13131a;border-bottom:2px solid #4a6741;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.header-left h2{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.header-left .status-text{font-size:.7rem;color:#5a5a6a}.icon-online{color:#4a6741}.icon-offline{color:#8a3a3a}.header-actions{display:flex;gap:6px;align-items:center}.header-actions button{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:6px;border:1px solid #2a2a3a;background:#1a1a24;color:#a0a0b0;font-size:.78rem;cursor:pointer;transition:all .15s}.header-actions button:hover:not(:disabled){background:#252530;color:#e0e0e8}.header-actions button:disabled{opacity:.4;cursor:not-allowed}.btn-quick{border-color:#3a5a3a!important}.btn-quick:hover:not(:disabled){background:#1a2e1a!important;color:#7abf7a!important}.btn-deep{border-color:#4a3a5a!important}.btn-deep:hover:not(:disabled){background:#2a1e3a!important;color:#c49be0!important}.btn-summary{border-color:#3a4a5a!important}.btn-summary:hover:not(:disabled){background:#1e2a3a!important;color:#8ab4e0!important}.btn-panel{padding:7px 9px!important}.panel-active{background:#2a2a3a!important;color:#e0e0e8!important;border-color:#4a4a5a!important}.btn-leave{border-color:#5a2a2a!important;color:#a07070!important}.btn-leave:hover{background:#2a1a1a!important;color:#e08080!important}.header-divider{width:1px;height:24px;background:#2a2a3a;margin:0 4px}.chat-body{flex:1;display:flex;overflow:hidden}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.thinking-bar{padding:8px 16px;background:#1a1a24;border-bottom:1px solid #2a2a3a;display:flex;align-items:center;gap:10px;font-size:.8rem;color:#8a8a9a;flex-shrink:0}.spin{animation:spin 1.2s linear infinite;color:#4a6741}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.empty-state{text-align:center;margin-top:40px;color:#4a4a5a}.empty-state p:first-child{font-size:1rem;margin-bottom:4px}.empty-state p:last-child{font-size:.85rem}.msg-system{text-align:center;font-size:.75rem;color:#5a5a6a;padding:4px 0}.msg-system time{margin-left:8px;color:#4a4a5a}.msg-row{display:flex;gap:10px;max-width:92%}.msg-me{align-self:flex-end;flex-direction:row-reverse}.msg-ai{max-width:100%;width:100%;background:#12121a;border:1px solid #1e1e2e;border-radius:10px;padding:12px 14px}.msg-avatar{width:28px;height:28px;border-radius:50%;background:#2a2a3a;display:flex;align-items:center;justify-content:center;color:#8a8a9a;flex-shrink:0;margin-top:2px}.msg-me .msg-avatar{background:#3a5a3a;color:#a0d0a0}.msg-ai .msg-avatar{background:#3a2a4a;color:#c0a0e0}.msg-content{display:flex;flex-direction:column;gap:3px}.msg-meta{display:flex;align-items:center;gap:8px;font-size:.75rem}.msg-author{font-weight:600;color:#a0a0b0}.msg-me .msg-author{color:#7abf7a}.msg-ai .msg-author{color:#c49be0}.msg-badge{display:flex;align-items:center;gap:3px;color:#6b6b7b}.msg-meta time{color:#4a4a5a;font-size:.7rem}.msg-text{font-size:.9rem;line-height:1.45;color:#c8c8d0;white-space:pre-wrap;word-break:break-word}.msg-ai .msg-text{color:#d0d0e0}.msg-attachment{margin-top:8px}.att-img{max-width:280px;max-height:200px;border-radius:8px;border:1px solid #2a2a3a;object-fit:cover}.att-file{display:inline-flex;align-items:center;gap:8px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:6px;padding:6px 12px;font-size:.82rem;color:#a0a0b0}.att-size{color:#5a5a6a;font-size:.75rem;margin-left:4px}.message-input{display:flex;flex-direction:column;background:#13131a;border-top:1px solid #1e1e2e;flex-shrink:0}.attachment-preview{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#1a1a24;border-bottom:1px solid #2a2a3a}.att-thumb{max-height:60px;max-width:100px;border-radius:6px;object-fit:cover;border:1px solid #2a2a3a}.att-doc{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#a0a0b0}.att-remove{margin-left:auto;background:none;border:none;color:#8a3a3a;cursor:pointer;padding:4px;border-radius:4px}.att-remove:hover{background:#2a1a1a}.input-row{display:flex;gap:10px;padding:12px 16px}.btn-attach{width:42px;height:42px;border-radius:8px;border:1px solid #2a2a3a;background:#1a1a24;color:#a0a0b0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.btn-attach:hover:not(:disabled){background:#252530;color:#e0e0e8}.btn-attach:disabled{opacity:.5;cursor:not-allowed}.file-input{display:none}.input-row input[type=text]{flex:1;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;padding:10px 14px;color:#c8c8d0;font-size:.95rem;outline:none}.input-row input[type=text]:focus{border-color:#4a6741}.input-row button:last-child{width:42px;height:42px;border-radius:8px;border:none;background:#4a6741;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.input-row button:last-child:hover:not(:disabled){background:#5a7751}.input-row button:last-child:disabled{background:#2a3a2a;cursor:not-allowed}.chat-panel{width:220px;background:#13131a;border-left:1px solid #1e1e2e;flex-shrink:0;overflow-y:auto}.user-list{padding:16px 14px}.user-list h3{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#5a5a6a;margin-bottom:12px;font-weight:600}.user-list ul{list-style:none;display:flex;flex-direction:column;gap:8px}.user-list li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#a0a0b0}.user-list li svg{color:#4a6741;flex-shrink:0}.user-time{margin-left:auto;font-size:.7rem;color:#4a4a5a;display:flex;align-items:center;gap:3px}.doc-panel{width:340px;background:#13131a;border-left:1px solid #1e1e2e;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.doc-panel-header{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #1e1e2e;font-size:.85rem;font-weight:600;color:#a0a0b0}.doc-panel-header svg{color:#7a6a3a}.doc-close{margin-left:auto;background:none;border:none;color:#5a5a6a;cursor:pointer;padding:4px;border-radius:4px}.doc-close:hover{background:#2a2a3a;color:#e0e0e8}.doc-panel-body{flex:1;overflow-y:auto;padding:10px 0}.doc-list{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0 10px}.doc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:none;border:none;border-radius:6px;cursor:pointer;color:inherit;width:100%;text-align:left;transition:background .12s}.doc-item:hover{background:#1a1a24}.doc-num{width:24px;height:24px;border-radius:4px;background:#2a2a3a;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#6b6b7b;flex-shrink:0}.doc-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.doc-title{font-size:.82rem;font-weight:600;color:#a0a0b0}.doc-desc{font-size:.72rem;color:#4a4a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-item>svg{color:#4a4a5a;flex-shrink:0}.doc-reader{padding:14px;display:flex;flex-direction:column;gap:12px}.doc-back{display:flex;align-items:center;gap:6px;background:none;border:none;color:#6b6b7b;font-size:.78rem;cursor:pointer;padding:4px 0;width:fit-content}.doc-back:hover{color:#a0a0b0}.doc-reader h3{font-size:1rem;font-weight:600;color:#e0e0e8;border-bottom:1px solid #2a2a3a;padding-bottom:8px}.doc-content{font-size:.82rem;line-height:1.6;color:#b0b0c0;white-space:pre-wrap;word-break:break-word;font-family:Segoe UI,system-ui,sans-serif;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;padding:14px;overflow-x:auto}.doc-loading{font-size:.85rem;color:#5a5a6a;padding:20px;text-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a4a}.doc-content h1{font-size:1.1rem;font-weight:600;color:#e0e0e8;margin:14px 0 8px;padding-bottom:6px;border-bottom:1px solid #2a2a3a}.doc-content h2{font-size:1rem;font-weight:600;color:#d0d0e0;margin:12px 0 6px;padding-bottom:4px;border-bottom:1px solid #2a2a3a}.doc-content h3{font-size:.92rem;font-weight:600;color:#c0c0d0;margin:10px 0 6px}.doc-content h4,.doc-content h5,.doc-content h6{font-size:.85rem;font-weight:600;color:#b0b0c0;margin:8px 0 4px}.doc-content p{font-size:.82rem;line-height:1.6;color:#b0b0c0;margin:6px 0}.doc-content ul,.doc-content ol{margin:6px 0 6px 16px;padding-left:8px}.doc-content li{font-size:.82rem;line-height:1.5;color:#b0b0c0;margin:3px 0}.doc-content blockquote{border-left:3px solid #4a6741;margin:8px 0;padding:6px 12px;background:#1a1a24;border-radius:0 6px 6px 0;font-style:italic;color:#a0a0b0}.doc-content code{font-family:Consolas,Monaco,monospace;font-size:.78rem;background:#1e1e2e;padding:2px 5px;border-radius:4px;color:#c0a0e0}.doc-content pre{background:#1e1e2e;border:1px solid #2a2a3a;border-radius:8px;padding:10px 12px;overflow-x:auto;margin:8px 0}.doc-content pre code{background:none;padding:0;color:#b0b0c0}.doc-content a{color:#7ab4e0;text-decoration:none}.doc-content a:hover{text-decoration:underline}.doc-content hr{border:none;border-top:1px solid #2a2a3a;margin:10px 0}.doc-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.78rem}.doc-content th,.doc-content td{border:1px solid #2a2a3a;padding:6px 8px;text-align:left}.doc-content th{background:#1e1e2e;font-weight:600;color:#c0c0d0}.doc-content td{color:#b0b0c0}.doc-content tr:nth-child(2n){background:#ffffff05}.user-section{padding:12px 14px}.user-section h3{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:#5a5a6a;margin-bottom:10px;font-weight:600;display:flex;align-items:center;gap:6px}.user-here{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#a0a0b0}.user-away{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#7a7a8a}.user-away svg{color:#5a5a6a}.user-away-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.user-room-badge{font-size:.7rem;font-weight:600;letter-spacing:.3px}@media(max-width:960px){.chat-panel,.doc-panel{width:260px}}@media(max-width:768px){.login-card{width:92vw;padding:20px;gap:14px}.room-grid{grid-template-columns:1fr}.chat-header{padding:0 10px;height:52px}.header-left h2{font-size:.85rem}.header-actions .btn-label{display:none}.header-actions button{padding:7px 8px}.header-divider{margin:0 2px}.chat-panel,.doc-panel{position:absolute;right:0;top:52px;bottom:0;z-index:10;width:280px;box-shadow:-4px 0 20px #0006}.message-list{padding:10px}.msg-row{max-width:96%}.msg-ai{padding:10px 12px}.att-img{max-width:200px}}@media(max-width:480px){.login-brand h1{font-size:1.1rem}.login-section input{padding:10px 12px}.btn-enter{padding:12px}.chat-header{height:48px}.header-left{gap:8px}.header-left h2{font-size:.78rem;letter-spacing:.4px}.status-text{display:none}.chat-panel,.doc-panel{width:100%;position:absolute;right:0;top:48px;bottom:0;z-index:10}.message-input .input-row{padding:8px 10px}.input-row input[type=text]{padding:9px 11px;font-size:.9rem}.input-row button:last-child,.btn-attach{width:38px;height:38px}}.panel-resizer{width:8px;background:#1a1a24;border-left:1px solid #1e1e2e;border-right:1px solid #1e1e2e;cursor:col-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;user-select:none;-webkit-user-select:none}.panel-resizer:hover{background:#2a2a3a}.resizer-active{background:#3a3a4a!important}.resizer-grip{width:3px;height:32px;border-radius:2px;background:#3a3a4a;transition:background .15s}.panel-resizer:hover .resizer-grip,.resizer-active .resizer-grip{background:#5a5a6a}.panel-wrapper{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.panel-wrapper .doc-panel,.panel-wrapper .chat-panel{width:100%;border-left:none}@media(max-width:768px){.panel-resizer{display:none}.panel-wrapper{position:absolute;right:0;top:52px;bottom:0;z-index:10;width:280px!important;box-shadow:-4px 0 20px #0006}}@media(max-width:480px){.panel-wrapper{width:100%!important;top:48px}}