:root{--bg: #111b21;--sidebar: #111b21;--surface: #202c33;--card: #2a3942;--bubble-in: #202c33;--bubble-out: #005c4b;--border: #2a3942;--accent: #00a884;--accent-dim: #006652;--accent-soft: #0d2e26;--text: #e9edef;--text-muted: #8696a0;--text-soft: #aebac1;--gold: #c9a84c;--radius: 8px;--sidebar-w: 360px;--font: "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 40px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center;max-width:360px;width:90%}.login-logo{font-size:2rem;font-weight:300;letter-spacing:-.03em;color:var(--text)}.login-sub{font-size:.85rem;color:var(--text-muted);margin-top:-6px}.login-hint{font-size:.75rem;color:var(--text-muted);margin-top:4px}.login-btn{display:flex;align-items:center;gap:10px;background:var(--accent);color:#111b21;border:none;border-radius:var(--radius);padding:11px 22px;font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.login-btn:hover{background:#00c49a}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh}.sidebar-header{padding:10px 16px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;min-height:59px}.app-title{font-size:1.2rem;font-weight:600;letter-spacing:.01em;color:var(--text)}.header-icons{display:flex;gap:6px;align-items:center}.hicon{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.hicon:hover{background:var(--card);color:var(--text)}.search-wrap{padding:8px 12px;background:var(--sidebar)}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:8px;padding:8px 12px}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font);font-size:.87rem}.search-box input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.filter-strip{padding:8px 12px 10px;display:flex;gap:6px;overflow-x:auto}.filter-strip::-webkit-scrollbar{display:none}.filter-pill{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font);font-size:.78rem;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.filter-pill:hover{border-color:var(--accent-dim);color:var(--text)}.filter-pill.active{background:var(--accent);color:#111b21;border-color:var(--accent);font-weight:600}.chat-list{flex:1;overflow-y:auto}.list-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:.82rem}.chat-item{display:flex;align-items:center;gap:13px;padding:12px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(42,57,66,.3)}.chat-item:hover{background:var(--surface)}.chat-item.active{background:var(--card)}.chat-item.has-unread .chat-item-name{font-weight:700;color:var(--text)}.chat-item.has-unread .chat-item-time{color:var(--accent);font-weight:500}.chat-item.has-unread .chat-item-preview{font-weight:600;color:var(--text-soft)}.avatar{width:49px;height:49px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative}.avatar.group{background:var(--accent-soft);border:1.5px solid var(--accent-dim);font-size:.9rem;letter-spacing:-2px}.avatar.dm{background:var(--surface)}.online-dot{position:absolute;bottom:2px;right:2px;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid var(--sidebar)}.chat-item-info{flex:1;min-width:0}.chat-item-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.chat-item-name{font-weight:500;font-size:.93rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.chat-item-time{font-size:.72rem;color:var(--text-muted);flex-shrink:0}.chat-item-preview{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-sender{color:var(--text-muted);font-weight:400}.preview-waiting{color:var(--gold);font-size:.75rem}.preview-empty{color:var(--text-muted)}.unread{background:var(--accent);color:#111b21;border-radius:10px;font-size:.68rem;font-weight:700;padding:1px 6px;min-width:18px;text-align:center;flex-shrink:0}.main{flex:1;display:flex;flex-direction:column;height:100vh;background:var(--bg);position:relative;overflow:hidden}.main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23182229' fill-opacity='0.6'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:10px;z-index:1;position:relative}#empty-state h2{font-size:1.1rem;font-weight:300;color:var(--text-soft)}#chat-view{display:none;flex-direction:column;flex:1;height:100vh;z-index:1;position:relative}.chat-header{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:13px;min-height:59px;cursor:pointer;transition:background .1s;z-index:2}.chat-header:hover{background:var(--card)}.chat-header-info{flex:1;min-width:0}.ch-name{font-weight:600;font-size:.95rem}.ch-sub{font-size:.72rem;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;gap:4px}.messages-wrap{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:1px;background:transparent;z-index:1}.date-sep{text-align:center;margin:8px 0}.date-sep span{background:var(--surface);color:var(--text-muted);font-size:.72rem;padding:4px 12px;border-radius:8px;border:1px solid var(--border)}.msg-block{display:flex;flex-direction:column;margin-bottom:2px}.msg-block.out{align-items:flex-end}.msg-block.in{align-items:flex-start}.msg-row{display:flex;gap:6px;align-items:flex-end;max-width:72%}.msg-block.out .msg-row{flex-direction:row-reverse}.msg-av{width:28px;height:28px;border-radius:50%;font-size:.85rem;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}.msg-av:hover{transform:scale(1.12)}.bubble{padding:6px 9px 4px;border-radius:8px;font-size:.87rem;line-height:1.5}.msg-block.in .bubble{background:var(--bubble-in);border:1px solid var(--border);border-top-left-radius:0}.msg-block.out .bubble{background:var(--bubble-out);border:1px solid var(--accent-dim);border-top-right-radius:0;color:#e9edef}.bubble-sender{font-size:.72rem;font-weight:600;margin-bottom:2px}.bubble-time{font-size:.65rem;color:var(--text-muted);text-align:right;margin-top:2px}.msg-block.out .bubble-time{color:#e9edef99}.typing-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.typing-bubble{background:var(--bubble-in);border-radius:0 8px 8px;padding:10px 14px;display:flex;gap:4px;align-items:center}.tdot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:td 1.3s infinite}.tdot:nth-child(2){animation-delay:.2s}.tdot:nth-child(3){animation-delay:.4s}@keyframes td{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-5px);opacity:1}}.typing-name{font-size:.7rem;color:var(--text-muted)}.waiting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;padding:40px;text-align:center}.waiting-title{font-size:.9rem;font-weight:400;color:var(--text-muted)}.waiting-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-bar{padding:8px 14px;background:var(--surface);display:flex;gap:8px;align-items:flex-end;z-index:2;border-top:1px solid var(--border)}.msg-textarea{flex:1;background:var(--card);border:none;border-radius:24px;color:var(--text);font-family:var(--font);font-size:.9rem;padding:10px 16px;outline:none;resize:none;max-height:100px;line-height:1.5}.msg-textarea::placeholder{color:var(--text-muted)}.send-btn{width:42px;height:42px;border-radius:50%;background:var(--accent);border:none;color:#111b21;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.send-btn:hover{background:#00c49a}.send-btn:disabled{background:var(--border);cursor:not-allowed}.profile-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:300;transform:translate(100%);transition:transform .28s ease}.profile-panel.open{transform:translate(0)}.profile-top{padding:44px 20px 20px;text-align:center;background:var(--card);border-bottom:1px solid var(--border)}.pp-avatar{width:88px;height:88px;border-radius:50%;background:var(--sidebar);font-size:2.6rem;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;border:2px solid var(--border)}.pp-name{font-size:1.3rem;font-weight:300;letter-spacing:-.02em;margin-bottom:3px}.pp-era{font-size:.75rem;color:var(--text-muted);margin-bottom:12px}.pp-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:14px}.pp-tag{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-dim);border-radius:12px;padding:2px 9px;font-size:.7rem;font-weight:500}.dm-btn{background:var(--accent);color:#111b21;border:none;border-radius:var(--radius);padding:9px 20px;font-family:var(--font);font-size:.84rem;font-weight:600;cursor:pointer}.dm-btn:hover{background:#00c49a}.profile-body{flex:1;overflow-y:auto;padding:16px 20px}.psec{margin-bottom:18px}.psec-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:7px;font-weight:600}.psec p{font-size:.83rem;line-height:1.6;color:var(--text-soft)}.pwork{font-size:.81rem;color:var(--text-soft);padding:4px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px}.pwork:before{content:"📖";font-size:.75rem}.pp-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.pp-close:hover{background:var(--sidebar);color:var(--text)}.gi-phil-list{display:flex;flex-direction:column;gap:4px}.gi-phil{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.gi-phil:hover{background:var(--card)}.gi-phil-emoji{font-size:1.1rem;flex-shrink:0}.gi-phil-name{flex:1;font-size:.87rem;font-weight:500}.gi-phil-tag{font-size:.7rem;color:var(--text-muted)}.gi-member-badge{font-size:.65rem;color:var(--gold);background:#c9a84c1f;border:1px solid rgba(201,168,76,.3);border-radius:10px;padding:1px 8px;font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:none;align-items:center;justify-content:center;z-index:400}.overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:540px;max-width:95vw;max-height:88vh;overflow-y:auto;padding:26px;display:flex;flex-direction:column;gap:16px}.modal-title{font-size:1.2rem;font-weight:300;letter-spacing:-.02em}.modal-sub{font-size:.8rem;color:var(--text-muted);margin-top:-8px}.flabel{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:5px;display:block}.finput{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.88rem;padding:9px 13px;outline:none;transition:border-color .2s}.finput:focus{border-color:var(--accent-dim)}.phil-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.phil-item{display:flex;align-items:center;gap:9px;padding:9px 12px;background:var(--card);border:1.5px solid var(--border);border-radius:9px;cursor:pointer;transition:all .15s;font-size:.84rem;-webkit-user-select:none;user-select:none}.phil-item:hover{border-color:var(--accent-dim)}.phil-item.sel{border-color:var(--accent);background:var(--accent-soft)}.pcheck{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border);margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px}.phil-item.sel .pcheck{background:var(--accent);border-color:var(--accent);color:#111b21}.modal-footer{display:flex;gap:9px;justify-content:flex-end}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:8px 16px;font-family:var(--font);font-size:.84rem;cursor:pointer}.btn-ghost:hover{border-color:var(--accent-dim);color:var(--text)}.btn-primary{background:var(--accent);color:#111b21;border:none;border-radius:var(--radius);padding:8px 18px;font-family:var(--font);font-size:.84rem;font-weight:600;cursor:pointer}.btn-primary:hover{background:#00c49a}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(8px);background:var(--accent);color:#111b21;padding:9px 18px;border-radius:var(--radius);font-size:.83rem;font-weight:600;opacity:0;transition:all .3s;pointer-events:none;z-index:999;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}