:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#09090b;color:#f4f4f5}a{color:#818cf8}.layout{display:flex;height:100vh}.sidebar{width:240px;background:#18181b;padding:12px;overflow-y:auto}.main{flex:1;padding:16px;overflow-y:auto}.card{background:#18181b;border-radius:12px;padding:16px}input,button{font-size:14px}input{background:#27272a;border:1px solid #3f3f46;color:#fff;border-radius:8px;padding:8px;width:100%}button{background:#4f46e5;border:0;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}button.ghost{background:#27272a}.chan{display:block;width:100%;text-align:left;margin-bottom:4px;background:transparent}.chan.active{background:#27272a}.msg{border-bottom:1px solid #27272a;padding:6px 0}.peer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.peer{background:#18181b;border:2px solid transparent;border-radius:12px;padding:10px}.peer.speaking{border-color:#22c55e}.row{display:flex;gap:8px;align-items:center}.muted{color:#a1a1aa;font-size:12px}@media (max-width: 700px){.sidebar{width:140px}}