:root{color-scheme:dark;--line:#ffffff1c;--muted:#bfb4cc;--violet:#9b6bff;--pink:#ff65b3;--green:#5ce1a0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 8%,#9b6bff33,transparent 30rem),radial-gradient(circle at 88% 80%,#ff65b322,transparent 30rem),#0c0816;color:#fff;font-family:Inter,system-ui,sans-serif}.top{display:flex;min-height:74px;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,5vw,4rem);border-bottom:1px solid #ffffff0f}.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:850}.brand img{width:2.5rem;height:2.5rem;object-fit:contain}.top nav{display:flex;gap:.5rem}.top nav a,.composer button,.gate button{padding:.65rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:#ffffff0b;color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.composer button,.gate button{border:0;background:linear-gradient(135deg,var(--violet),#7645ef)}main{width:min(100% - 2rem,58rem);margin:clamp(2rem,6vw,4rem) auto}.chat{overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;background:#181028c2;box-shadow:0 2rem 6rem #0005}.heading{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.4rem;border-bottom:1px solid var(--line)}.heading small{color:#d3c5de;font-weight:850;letter-spacing:.2em}.heading h1{margin:.2rem 0 0;font-size:clamp(1.5rem,4vw,2.2rem)}.live{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.72rem}.live i{width:.55rem;height:.55rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 .3rem #5ce1a01a}.gate{width:min(100%,28rem);margin:4rem auto;padding:1rem}.gate h2{margin:0}.gate p,.rules{color:var(--muted)}.gate form,.gate label{display:grid;gap:.7rem}.gate input,.composer>input[name=message]{border:1px solid var(--line);border-radius:.75rem;outline:0;background:#05030a85;padding:.8rem;color:#fff}.identity{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem}.identity strong{color:#fff}.messages{height:min(60vh,36rem);min-height:25rem;overflow-y:auto;padding:1rem 1.3rem}.message{display:grid;grid-template-columns:2.5rem 1fr;gap:.75rem;padding:.62rem 0}.avatar{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:50%;background:#342842;font-size:.8rem;font-weight:900}.message--presenter .avatar{background:linear-gradient(135deg,#157ba9,#6550d8)}.message--admin .avatar{background:linear-gradient(135deg,#b64b88,#7b4bea)}.meta{display:flex;align-items:center;gap:.45rem}.meta strong{font-size:.84rem}.meta time{color:#7f7488;font-size:.65rem}.body p{margin:.2rem 0 0;color:#e6dfea;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.badge{padding:.15rem .4rem;border-radius:1rem;background:#54c7ff1f;color:#8bdcff;font-size:.58rem;text-transform:uppercase}.badge--admin{background:#ff65b321;color:#ff9bcf}.mod{display:flex;gap:.2rem;margin-left:auto}.mod form{display:flex}.mod-button{border:0;background:none;color:#84788e;font-size:.6rem;cursor:pointer}.composer{display:grid;grid-template-columns:1fr auto;gap:.7rem;padding:1rem 1.3rem;border-top:1px solid var(--line)}.notice{padding:0 1.3rem;color:#ff9eb2;font-size:.78rem}.notice:not(:empty){padding-top:.7rem}.loading{display:grid;height:100%;place-items:center;color:var(--muted)}.rules{text-align:center;font-size:.72rem}.flash{position:fixed;z-index:5;top:1rem;left:50%;padding:.8rem 1rem;transform:translateX(-50%);border-radius:.8rem;background:#421a28;color:#ffc0cd}@media(max-width:600px){main{width:100%;margin:0}.chat{border:0;border-radius:0}.messages{height:calc(100svh - 17rem);min-height:20rem;padding:.8rem}.composer{padding:.8rem}.top{padding:.7rem 1rem}.top nav a{padding:.5rem .65rem;font-size:.75rem}}