:root{color-scheme:dark;--bg: #0b0e17;--panel: #121726;--panel-2: #0e1320;--line: #232c44;--text: #e7ecf5;--muted: #9aa6bd;--accent: #8fb3ff;--accent-2: #c9a6ff;--danger: #ff8a8a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}input,button{font:inherit}.muted{color:var(--muted)}.small{font-size:.8rem}.pad{padding:1rem}.error{color:var(--danger);font-size:.9rem;margin:.2rem 0}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(1000px 500px at 50% -10%,#1b2440,#0b0e17 55%)}.auth-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.6rem;display:flex;flex-direction:column;gap:.6rem}.auth-card.wide{max-width:460px}.brand{margin:0;font-size:1.9rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-card input{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;color:var(--text);outline:none}.auth-card input:focus{border-color:var(--accent)}.auth-card button[type=submit]{margin-top:.4rem;background:linear-gradient(90deg,#3b5bdb,#6741d9);color:#fff;border:none;border-radius:10px;padding:.7rem;cursor:pointer;font-weight:600}.auth-card button[type=submit]:disabled{opacity:.6;cursor:default}button.link{background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline}button.link:hover{color:var(--text)}.guild-list{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.guild-item{width:100%;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:.15rem}.guild-item:hover{border-color:var(--accent)}.guild-name{font-weight:600}.create-guild{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.8rem;display:flex;flex-direction:column;gap:.5rem}.create-guild h2{font-size:1rem;margin:0 0 .2rem}.create-guild input{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;color:var(--text)}.create-guild button{background:#26314e;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:.6rem;cursor:pointer}.layout{display:grid;grid-template-columns:260px 1fr;height:100%}.sidebar{background:var(--panel-2);border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-head{padding:1rem;border-bottom:1px solid var(--line)}.guild-title{font-weight:700}.channel-group{flex:1;overflow-y:auto;padding:.6rem .4rem}.channel-group-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding:.3rem .6rem}.channel-group ul{list-style:none;margin:0;padding:0}button.icon{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;line-height:1}button.icon:hover{color:var(--text)}.add-channel{padding:.3rem .4rem .5rem}.add-channel input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;color:var(--text)}.channel-item{width:100%;text-align:left;background:none;border:none;color:var(--text);padding:.4rem .6rem;border-radius:8px;cursor:pointer;display:flex;gap:.4rem;align-items:center}.channel-item:hover{background:#ffffff0d}.channel-item.active{background:#26314e}.hash{color:var(--muted)}.sidebar-foot{border-top:1px solid var(--line);padding:.6rem 1rem;display:flex;justify-content:space-between}.message-view{display:flex;flex-direction:column;height:100%;min-width:0}.message-view.empty{align-items:center;justify-content:center}.channel-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;border-bottom:1px solid var(--line)}.channel-header .topic{font-weight:400}.presence{font-size:.8rem;color:var(--muted)}.presence.open{color:#7ee0a1}.messages{flex:1;overflow-y:auto;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.8rem}.msg-meta{display:flex;gap:.5rem;align-items:baseline}.msg-author{font-weight:600}.msg-body{white-space:pre-wrap;word-break:break-word}.msg-body.deleted{color:var(--muted);font-style:italic}.composer{display:flex;gap:.5rem;padding:.8rem 1.1rem;border-top:1px solid var(--line)}.composer input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;color:var(--text);outline:none}.composer input:focus{border-color:var(--accent)}.composer button{background:linear-gradient(90deg,#3b5bdb,#6741d9);color:#fff;border:none;border-radius:10px;padding:0 1.1rem;cursor:pointer;font-weight:600}