:root{--bg-main: #0A0A0F;--bg-deep: #050508;--bg-card: #1A1A26;--bg-hover: #252535;--border: #252535;--accent-yellow: #F5C518;--accent-orange: #E8832A;--text-light: #E1E1E6;--text-muted: #8E8E9F;--danger: #E8524A;--ok: #4AD07A;--accent-user-yellow: #F5C518;--accent-user-orange: #E8832A;--accent-user-copper: #C97B4A;--accent-user-volt: #B8D93A;--accent-user-teal: #3AC9B8;--accent-user-violet: #9B7BE8;--font-scale: 1;--radius: 12px;--radius-sm: 8px}body.high-contrast{--bg-main: #000000;--bg-deep: #000000;--bg-card: #10101a;--bg-hover: #3a3a55;--border: #55556f;--text-light: #FFFFFF;--text-muted: #C5C5D5}*{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(16px * var(--font-scale))}body{background-color:var(--bg-main);color:var(--text-light);font-family:Barlow,sans-serif;font-weight:400;height:100vh;overflow:hidden}h1,h2,h3,.font-condensed{font-family:Barlow Condensed,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.5px}button{font-family:Barlow,sans-serif;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:Barlow,sans-serif;background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-light);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem;outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent-yellow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,var(--accent-yellow),var(--accent-orange));color:#0a0a0f;font-weight:600;padding:11px 20px;border-radius:var(--radius-sm);font-size:.9rem;transition:filter .15s,transform .1s}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{filter:grayscale(.7);cursor:not-allowed}.btn-ghost{color:var(--text-muted);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.85rem}.btn-ghost:hover{color:var(--accent-yellow);border-color:var(--accent-yellow)}.avatar{width:48px;height:48px;border-radius:50%;background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1.1rem;color:var(--text-light);flex-shrink:0;overflow:hidden;text-transform:uppercase}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.bot{background-color:var(--accent-yellow);color:var(--bg-main)}.badge-pro{font-size:.63rem;background-color:#e8832a33;color:var(--accent-orange);padding:1px 5px;border-radius:4px;font-weight:600}.error-text{color:var(--danger);font-size:.8rem}.ok-text{color:var(--ok);font-size:.8rem}.muted{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#34344d}::-webkit-scrollbar-track{background:transparent}#circuit-bg{position:fixed;inset:0;z-index:0;pointer-events:none}#app{position:relative;z-index:1;height:100vh}.auth-screen{height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background-color:color-mix(in srgb,var(--bg-card) 92%,transparent);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;padding:36px;box-shadow:0 10px 40px #00000080;backdrop-filter:blur(6px)}.auth-logo{text-align:center;margin-bottom:6px;font-size:2rem;color:var(--text-light)}.auth-logo .spark{color:var(--accent-yellow)}.auth-sub{text-align:center;color:var(--text-muted);font-size:.82rem;margin-bottom:26px}.auth-tabs{display:flex;gap:6px;margin-bottom:22px}.auth-tab{flex:1;padding:9px;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:600;font-size:.9rem;border:1px solid transparent}.auth-tab.active{background-color:#f5c5181f;color:var(--accent-yellow);border-color:var(--accent-yellow)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{font-size:.78rem;color:var(--text-muted);margin-bottom:-8px}.field-hint{font-size:.74rem;min-height:1em}.shell{display:flex;height:100vh}.nav-dock{width:60px;background-color:color-mix(in srgb,var(--bg-deep) 88%,transparent);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px 0}.nav-dock-top,.nav-dock-bottom{display:flex;flex-direction:column;gap:18px;align-items:center;width:100%}.dock-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;color:var(--text-muted);transition:all .2s}.dock-icon:hover,.dock-icon.active{color:var(--accent-yellow);background-color:var(--bg-card)}.dock-icon img.symbol{width:22px;height:22px}.sidebar{width:340px;background-color:color-mix(in srgb,var(--bg-main) 82%,transparent);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-header{padding:15px 20px 10px;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:1.35rem}.new-chat-btn{width:34px;height:34px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.15rem;display:flex;align-items:center;justify-content:center}.new-chat-btn:hover{color:var(--accent-yellow);background-color:var(--bg-card)}.search-container{padding:4px 15px 10px}.search-box{width:100%}.filter-container{display:flex;gap:8px;padding:4px 15px 14px;border-bottom:1px solid var(--border)}.filter-pill{background-color:var(--bg-card);color:var(--text-muted);padding:5px 12px;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid transparent}.filter-pill:hover{border-color:var(--border);color:var(--text-light)}.filter-pill.active{background-color:#f5c51826;color:var(--accent-yellow);border-color:var(--accent-yellow)}.chat-list{flex:1;overflow-y:auto}.chat-item{display:flex;align-items:center;padding:12px 15px;cursor:pointer;border-bottom:1px solid rgba(37,37,53,.2)}.chat-item:hover{background-color:var(--bg-card)}.chat-item.active{background-color:var(--bg-card);box-shadow:inset 3px 0 0 var(--accent-yellow)}.chat-details{flex:1;min-width:0;margin-left:12px}.chat-title-row{display:flex;justify-content:space-between;margin-bottom:4px;gap:8px}.chat-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:.69rem;color:var(--text-muted);flex-shrink:0}.chat-preview-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-msg{font-size:.81rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-pill{background-color:var(--accent-yellow);color:var(--bg-main);font-size:.68rem;font-weight:600;min-width:19px;height:19px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.chat-list-empty{padding:40px 24px;text-align:center;color:var(--text-muted);font-size:.85rem}.folder-header{padding:10px 15px 6px;font-size:.72rem;font-weight:600;letter-spacing:.4px;color:var(--text-muted);text-transform:uppercase}.main-area{flex:1;background-color:color-mix(in srgb,#0e0e15 68%,transparent);display:flex;flex-direction:column;min-width:0}.welcome-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.welcome-card{background-color:color-mix(in srgb,var(--bg-card) 92%,transparent);border:1px solid var(--border);border-radius:20px;max-width:550px;width:100%;padding:40px;text-align:center;box-shadow:0 10px 30px #0000004d}.welcome-art{width:140px;height:100px;background-color:var(--bg-main);border:3px solid var(--border);border-radius:10px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--accent-yellow)}.welcome-art-base{width:170px;height:10px;background-color:var(--border);margin:0 auto 28px;border-radius:0 0 8px 8px}.welcome-card h3{font-size:1.7rem;margin-bottom:12px}.welcome-card p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.conv-header{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--border);background-color:color-mix(in srgb,var(--bg-main) 80%,transparent)}.conv-header .avatar{width:40px;height:40px;font-size:.95rem}.conv-header-info{flex:1;min-width:0}.conv-header-name{font-weight:600;font-size:.95rem}.conv-header-status{font-size:.75rem;color:var(--text-muted);min-height:1.1em}.conv-header-status.typing{color:var(--accent-yellow)}.conv-header-status.online{color:var(--ok)}.messages-scroll{flex:1;overflow-y:auto;padding:18px 24px 8px;display:flex;flex-direction:column;gap:3px}.load-older{align-self:center;margin-bottom:10px;font-size:.75rem;color:var(--text-muted);padding:5px 14px;border-radius:14px;border:1px solid var(--border)}.load-older:hover{color:var(--accent-yellow);border-color:var(--accent-yellow)}.day-sep{align-self:center;margin:12px 0 8px;font-size:.7rem;color:var(--text-muted);background-color:var(--bg-card);border:1px solid var(--border);padding:3px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(66%,560px);padding:8px 12px 6px;border-radius:14px;font-size:.88rem;line-height:1.45;position:relative;word-wrap:break-word;white-space:pre-wrap}.bubble-row.theirs .bubble{background-color:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble-row.mine .bubble{background-color:#2b2410;border:1px solid rgba(245,197,24,.25);border-bottom-right-radius:4px}.bubble.deleted{font-style:italic;color:var(--text-muted)}.bubble-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:.66rem;color:var(--text-muted);margin-top:3px;user-select:none}.bubble-meta .edited{font-style:italic}.ticks{letter-spacing:-2px;font-size:.75rem}.ticks.read{color:var(--accent-yellow)}.bubble-actions{position:absolute;top:-12px;right:6px;display:none;gap:2px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1px 3px}.bubble-row.mine .bubble:hover .bubble-actions{display:flex}.bubble-action{font-size:.72rem;padding:3px 6px;color:var(--text-muted);border-radius:5px}.bubble-action:hover{color:var(--accent-yellow);background-color:var(--bg-hover)}.composer{display:flex;gap:10px;align-items:flex-end;padding:12px 18px 16px;border-top:1px solid var(--border);background-color:color-mix(in srgb,var(--bg-main) 80%,transparent)}.composer textarea{flex:1;resize:none;max-height:140px;min-height:42px;line-height:1.4}.send-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent-yellow),var(--accent-orange));color:var(--bg-main);font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:filter .15s,transform .1s}.send-btn:hover{filter:brightness(1.12)}.send-btn:active{transform:scale(.94)}.modal-overlay{position:fixed;inset:0;z-index:50;background-color:#050508b3;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.modal{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;padding:22px;box-shadow:0 16px 50px #0009}.modal h3{font-size:1.25rem;margin-bottom:14px}.modal .search-box{width:100%;margin-bottom:10px}.user-result{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:var(--radius-sm);cursor:pointer}.user-result:hover{background-color:var(--bg-hover)}.user-result .avatar{width:40px;height:40px;font-size:.9rem}.user-result-name{font-weight:600;font-size:.88rem}.user-result-sub{font-size:.76rem;color:var(--text-muted)}.modal-empty{padding:18px 6px;color:var(--text-muted);font-size:.82rem;text-align:center}.avatar.group-avatar{background:linear-gradient(135deg,#f5c51840,#e8832a40);border:1px solid var(--border)}.avatar.small{width:36px;height:36px;font-size:.8rem}.info-btn{padding:6px 10px;font-size:.95rem;border:none}.system-pill{align-self:center;font-size:.74rem;color:var(--text-muted);background-color:#1a1a26b3;border:1px solid var(--border);padding:3px 14px;border-radius:12px;margin:6px 0;text-align:center;max-width:80%}.sender-name{font-size:.74rem;font-weight:600;margin-bottom:2px;color:var(--accent-yellow)}.sender-name[data-accent=orange]{color:var(--accent-user-orange)}.sender-name[data-accent=copper]{color:var(--accent-user-copper)}.sender-name[data-accent=volt]{color:var(--accent-user-volt)}.sender-name[data-accent=teal]{color:var(--accent-user-teal)}.sender-name[data-accent=violet]{color:var(--accent-user-violet)}.topic-tag{display:inline-block;font-size:.68rem;color:var(--accent-orange);background-color:#e8832a1f;padding:1px 8px;border-radius:8px;margin-bottom:3px}.pinned-bar{display:flex;align-items:center;gap:8px;padding:7px 18px;background-color:#f5c5180f;border-bottom:1px solid var(--border);font-size:.8rem}.pinned-bar .pin-text{flex:1;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-light)}.pinned-bar .pin-icon{flex-shrink:0}.topic-chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 18px;border-bottom:1px solid var(--border)}.bubble-row.flash .bubble{box-shadow:0 0 0 2px var(--accent-yellow);transition:box-shadow .3s}.bubble-row.theirs .bubble:hover .bubble-actions{display:flex}.modal.group-panel{max-width:520px;max-height:82vh;overflow-y:auto}.panel-desc{font-size:.82rem;margin-bottom:12px}.panel-section{border-top:1px solid var(--border);padding:14px 0;display:flex;flex-direction:column;gap:8px}.panel-section h4{font-family:Barlow Condensed,sans-serif;font-weight:900;text-transform:uppercase;font-size:.9rem;color:var(--accent-yellow);letter-spacing:.5px}.perm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.84rem}.perm-row select,.member-role-select{background-color:var(--bg-main);color:var(--text-light);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:.8rem;font-family:Barlow,sans-serif}.invite-row{justify-content:flex-start}.invite-code{background-color:var(--bg-main);border:1px solid var(--border);padding:2px 8px;border-radius:6px;font-size:.78rem;color:var(--accent-yellow)}.member-row{display:flex;align-items:center;gap:10px;padding:6px 0}.member-info{flex:1;min-width:0;display:flex;flex-direction:column}.member-name{font-size:.86rem;font-weight:600}.role-badge{font-size:.62rem;font-weight:600;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;text-transform:uppercase}.role-badge.role-owner{background-color:#f5c51833;color:var(--accent-yellow)}.role-badge.role-admin{background-color:#e8832a33;color:var(--accent-orange)}.role-badge.role-moderator{background-color:#3ac9b826;color:var(--accent-user-teal)}.btn-ghost.danger{color:var(--danger);border-color:transparent}.btn-ghost.danger:hover{border-color:var(--danger);color:var(--danger)}.mod-message{background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.86rem;white-space:pre-wrap;word-wrap:break-word}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background-color:var(--bg-card);border:1px solid var(--danger);color:var(--text-light);font-size:.85rem;padding:10px 18px;border-radius:10px;z-index:100;box-shadow:0 8px 24px #00000080}