:root{--accord-bg-0: #04070f;--accord-bg-1: #081020;--accord-accent: #4d8bff;--accord-accent-2: #2563eb;--accord-accent-3: #38bdf8;--accord-pink: #6aa8ff;--accord-text: #e6edff;--accord-text-dim: #93a1c4;--accord-danger: #ff5c7a;--glass-bg: rgba(12, 20, 40, .46);--glass-bg-strong: rgba(14, 24, 48, .66);--glass-border: rgba(80, 130, 220, .18);--glass-blur: 18px;--glow-strength: 12px;--radius: 16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--accord-bg-0);color:var(--accord-text);overflow:hidden;-webkit-font-smoothing:antialiased}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff0f,0 8px 32px #0006}.accent-glow{box-shadow:0 0 40px #4d8bff40,inset 0 1px #ffffff14}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(60vmax 60vmax at 12% 8%,rgba(37,99,235,.25),transparent 60%),radial-gradient(50vmax 50vmax at 88% 18%,rgba(106,168,255,.18),transparent 60%),radial-gradient(55vmax 55vmax at 70% 92%,rgba(56,189,248,.16),transparent 60%),linear-gradient(160deg,var(--accord-bg-0),var(--accord-bg-1));animation:drift 24s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(-2%,-2%)}}.login-screen{height:100%;display:grid;place-items:center;position:relative;background:radial-gradient(50vmax 50vmax at 20% 10%,rgba(37,99,235,.3),transparent 60%),radial-gradient(50vmax 50vmax at 85% 90%,rgba(106,168,255,.22),transparent 60%),linear-gradient(160deg,var(--accord-bg-0),var(--accord-bg-1))}.login-card{width:min(420px,90vw);padding:40px 34px;border-radius:24px;text-align:center}.login-logo{font-size:46px;color:var(--accord-accent);text-shadow:0 0 30px var(--accord-accent)}.login-title{margin:8px 0 2px;font-size:34px;letter-spacing:1px;background:linear-gradient(90deg,var(--accord-accent),var(--accord-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{margin:0 0 26px;color:var(--accord-text-dim);font-size:13px}.field-label{display:block;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accord-text-dim);margin-bottom:6px}.glass-input{width:100%;padding:12px 14px;border-radius:12px;background:#0a0a1480;border:1px solid var(--glass-border);color:var(--accord-text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:var(--accord-accent);box-shadow:0 0 0 3px #4d8bff33}.btn-primary{width:100%;margin-top:14px;padding:12px;border:none;border-radius:12px;font-weight:700;font-size:14px;color:#fff;cursor:pointer;background:linear-gradient(90deg,var(--accord-accent-2),var(--accord-accent));box-shadow:0 6px 24px #2563eb66;transition:transform .1s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #4d8bff80}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-error{margin-top:14px;padding:10px;border-radius:10px;font-size:12px;background:#ff5c7a1f;color:var(--accord-danger);border:1px solid rgba(255,92,122,.3);word-break:break-word}.login-warn{margin-top:22px;font-size:11px;line-height:1.5;color:var(--accord-text-dim);text-align:left;padding:12px;border-radius:10px;background:#ffc8500f;border:1px solid rgba(255,200,80,.18)}.app-shell{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:76px 260px 1fr;gap:12px;padding:12px}.guild-rail{border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:10px}.guild-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.rail-divider{width:34px;height:2px;border-radius:2px;background:var(--glass-border)}.guild-pill{width:50px;height:50px;border-radius:16px;border:none;cursor:pointer;background:#0a0a148c;color:var(--accord-text);font-size:18px;font-weight:700;overflow:hidden;display:grid;place-items:center;transition:border-radius .2s,transform .15s,box-shadow .2s}.guild-pill img{width:100%;height:100%;object-fit:cover}.guild-pill:hover{border-radius:14px;transform:translateY(-1px)}.guild-pill.active{border-radius:14px;box-shadow:0 0 0 2px var(--accord-accent),0 0 18px #4d8bff80}.guild-pill.home{color:var(--accord-accent);font-size:24px}.guild-pill.settings{background:transparent;font-size:22px;color:var(--accord-text-dim)}.guild-pill.settings:hover{color:var(--accord-accent)}.channel-list{border-radius:var(--radius);display:flex;flex-direction:column;padding:14px 10px;min-width:0}.channel-header{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--accord-text-dim);padding:4px 8px 12px;font-weight:700}.channel-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.channel-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:10px;border:none;cursor:pointer;background:transparent;color:var(--accord-text-dim);font-size:14px;text-align:left;transition:background .15s,color .15s}.channel-item:hover{background:#4d8bff14;color:var(--accord-text)}.channel-item.active{background:#4d8bff29;color:var(--accord-text);box-shadow:inset 2px 0 0 var(--accord-accent)}.channel-hash{color:var(--accord-accent);font-weight:700}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-empty{color:var(--accord-text-dim);font-size:12px;padding:12px;text-align:center}.me-card{margin-top:10px;padding:10px;border-radius:12px;display:flex;align-items:center;gap:10px}.me-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accord-accent-2),var(--accord-pink));display:grid;place-items:center;font-weight:700;color:#fff}.me-info{min-width:0}.me-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-status{font-size:11px;color:var(--accord-accent-3)}.message-view{border-radius:var(--radius);display:flex;flex-direction:column;min-width:0;position:relative}.message-scroll{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:2px}.message{display:flex;gap:12px;padding:6px 10px;border-radius:10px;transition:background .1s}.message:hover{background:#ffffff08}.message.deleted{opacity:.55}.message.deleted .message-content{text-decoration:line-through;color:var(--accord-danger)}.avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accord-accent-2),var(--accord-accent));display:grid;place-items:center;font-weight:700;color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.message-body{min-width:0;flex:1}.message-head{display:flex;align-items:baseline;gap:8px}.message-author{font-weight:600;color:var(--accord-text)}.message-time{font-size:11px;color:var(--accord-text-dim)}.message-content{color:#dfe1f5;line-height:1.45;word-wrap:break-word;white-space:pre-wrap}.tag{font-size:10px;padding:1px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.tag-edited{background:#2563eb33;color:#a9b1ff}.tag-deleted{background:#ff5c7a33;color:var(--accord-danger)}.edit-history{margin-top:4px;font-size:12px}.edit-history summary{cursor:pointer;color:var(--accord-text-dim)}.edit-old{color:var(--accord-text-dim);padding:2px 0 2px 10px;border-left:2px solid var(--glass-border);margin-top:4px}.msg-attachment{margin-top:6px}.msg-attachment img{max-width:400px;max-height:320px;border-radius:10px;border:1px solid var(--glass-border)}.msg-attachment a{color:var(--accord-accent-3)}.composer{margin:12px;padding:6px 6px 6px 16px;border-radius:14px;display:flex;align-items:center;gap:8px}.composer-input{flex:1;background:transparent;border:none;outline:none;color:var(--accord-text);font-size:14px;padding:10px 0}.composer-input::placeholder{color:var(--accord-text-dim)}.composer-send{width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;color:#fff;font-size:16px;background:linear-gradient(135deg,var(--accord-accent-2),var(--accord-accent));transition:transform .1s,box-shadow .2s}.composer-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 18px #4d8bff80}.composer-send:disabled{opacity:.4;cursor:default}.empty-view{align-items:center;justify-content:center}.empty-hero{text-align:center;color:var(--accord-text-dim);max-width:340px}.empty-logo{font-size:60px;color:var(--accord-accent);text-shadow:0 0 40px var(--accord-accent)}.conn-badge{position:fixed;bottom:18px;right:22px;z-index:5;font-size:11px;padding:6px 12px;border-radius:20px;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--accord-text-dim)}.conn-badge.ready{color:var(--accord-accent-3)}.conn-badge.connecting{color:#ffd166}.conn-badge.disconnected{color:var(--accord-danger)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#05050c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.settings-panel{width:min(760px,92vw);max-height:86vh;overflow-y:auto;border-radius:20px;padding:26px}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-head h2{margin:0}.icon-btn{background:transparent;border:none;color:var(--accord-text-dim);font-size:18px;cursor:pointer}.icon-btn:hover{color:var(--accord-text)}.settings-panel section{margin-top:22px}.settings-panel h3{margin:0 0 4px;font-size:15px}.settings-hint{margin:0 0 12px;font-size:12px;color:var(--accord-text-dim)}.plugin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.plugin-card{padding:14px;border-radius:14px;transition:box-shadow .2s}.plugin-card.on{box-shadow:0 0 0 1px var(--accord-accent),0 0 20px #4d8bff2e}.plugin-top{display:flex;justify-content:space-between;align-items:center}.plugin-name{font-weight:600;font-size:14px}.plugin-desc{margin:8px 0 4px;font-size:12px;color:var(--accord-text-dim);line-height:1.4}.plugin-author{font-size:10px;color:var(--accord-accent);text-transform:uppercase;letter-spacing:.5px}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;border-radius:22px;background:#0a0a14b3;border:1px solid var(--glass-border);transition:.2s}.slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;top:2px;border-radius:50%;background:var(--accord-text-dim);transition:.2s}.switch input:checked+.slider{background:linear-gradient(90deg,var(--accord-accent-2),var(--accord-accent));border-color:transparent}.switch input:checked+.slider:before{transform:translate(18px);background:#fff}.css-editor{min-height:140px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;resize:vertical}.btn-danger{padding:10px 16px;border-radius:10px;border:1px solid rgba(255,92,122,.4);background:#ff5c7a1f;color:var(--accord-danger);cursor:pointer;font-size:13px}.btn-danger:hover{background:#ff5c7a33}.mention{background:#2563eb40;color:#c3c8ff;padding:0 3px;border-radius:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#4d8bff40;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#4d8bff66}@media (max-width: 720px){.app-shell{grid-template-columns:64px 1fr}.channel-list{display:none}}