[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;background:#0e1727;color:#e7edf6;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:64px;padding:12px 25px;background:#131f32;border-bottom:1px solid #283950}header strong{letter-spacing:2px}header #status{font-size:12px;color:#92a9c4}.green{color:#3addaa}.muted{color:#89a0be}button{cursor:pointer;border:0;border-radius:8px;color:#081b27;background:#43e0b5;font-weight:700;padding:10px 14px}button:hover{filter:brightness(1.1)}button.secondary{background:#293b54;color:#e7edf6}input{width:100%;background:#17263d;border:1px solid #3a4e69;color:white;padding:12px;border-radius:7px;outline-offset:2px}label{display:block;margin:13px 0}label input{margin-top:5px}.login{max-width:460px;margin:8vh auto;padding:30px;background:#142238;border:1px solid #293c55;border-radius:14px}.login button{margin:8px 7px 0 0}.error{color:#ff9292}.layout{display:grid;grid-template-columns:265px minmax(0,1fr);height:calc(100vh - 64px)}aside{background:#132137;padding:22px 15px;overflow:auto;border-right:1px solid #314057}aside h3{color:#90a8c4;font-size:11px;letter-spacing:1.7px;margin:18px 6px 8px}.nav{width:100%;text-align:left;background:transparent;color:#cfdaec;font-weight:500;margin:2px 0;padding:9px 12px}.nav.active,.nav:hover{background:#25415a;color:#69f0c5}.chat{display:flex;min-width:0;flex-direction:column}.chatTop{padding:16px 22px;border-bottom:1px solid #2b3b52}.chatTop h2{margin:0;font-size:18px}.chatTop small{color:#9baec6}#messages{flex:1;min-height:0;overflow:auto;padding:18px 24px}article{padding:6px 0;overflow-wrap:anywhere}article time{color:#7489a4;font-size:11px;margin-right:12px}article b{color:#66d7f2;margin-right:8px}article p{display:inline;white-space:pre-wrap}#composer{display:flex;gap:10px;padding:16px;border-top:1px solid #293b51}#composer input{flex:1}#notice{padding:0 18px 7px;font-size:12px;color:#ff9999}#adminPanel{border-top:1px solid #314057;margin-top:20px;padding-top:8px}#adminPanel form{margin-bottom:10px}#adminPanel input{margin-bottom:5px}#adminList{font-size:12px}#adminList p{border-bottom:1px solid #304258;padding-bottom:10px}#adminList button{padding:5px 7px;font-size:11px;margin:2px}@media(max-width:680px){header{padding:10px}.layout{grid-template-columns:120px minmax(0,1fr)}aside{padding:8px 5px}aside h3{font-size:9px}.nav{font-size:11px;padding:8px 5px}#messages{padding:10px}#composer{padding:8px}.login{margin:16px}.chatTop{padding:12px}article time{display:block}}/* Classic IRC v2 */
.classic{display:grid;grid-template-columns:220px minmax(0,1fr) 210px;max-width:1600px;margin:0 auto;height:calc(100vh - 64px);min-height:440px}.classic[hidden], [hidden]{display:none!important}
.sidebar,.membersPanel{overflow:auto;background:#101d30;border-right:1px solid #30415a;padding:12px}.membersPanel{border-right:0;border-left:1px solid #30415a}.sidebar h3,.membersPanel h3{font-size:12px;letter-spacing:1px;color:#9bb4d0;margin:16px 0 10px}.sidebar .nav,.membersPanel .nav{display:block;width:100%;text-align:left;margin:3px 0;padding:8px;background:transparent;border:0;border-radius:5px;color:#d4e8fa;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.nav:hover,.nav.active{background:#29445f}.membersPanel .member{color:#b8e4d2}.chat{min-width:0;display:flex;flex-direction:column}.tabs{background:#0e1a2a;min-height:40px;padding:8px;display:flex;gap:5px}.tab{padding:5px 12px;border-radius:5px;background:#284561;color:white}.chatTop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chatTop small{flex:1}.chat #messages{flex:1;overflow:auto;min-height:0}.chat #composer{display:flex;flex-direction:row;gap:8px}.chat #composer input{flex:1;min-width:0}.tiny{font-size:12px;padding:5px 8px;float:right}.hint{font-size:12px;color:#9baec6;line-height:1.5;padding:4px 12px}.buttonRow{display:flex;gap:10px}.guest{width:100%;background:#3fbaa0;color:#061b17}dialog{border:1px solid #52637c;border-radius:12px;background:#14243b;color:#e7f5fc;max-width:min(500px,92vw);max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#050c17b8}dialog .close{float:right;background:transparent;color:white;border:0;font-size:24px;padding:0}dialog button{margin:4px}dialog input{width:100%}dialog label{display:block;margin:8px 0}#adminList div{font-size:12px;margin:8px 0}#adminList button{font-size:11px}
@media(max-width:900px){.classic{grid-template-columns:160px minmax(0,1fr)}.membersPanel{grid-column:1/-1;max-height:150px;border-top:1px solid #30415a}.classic{height:auto;min-height:calc(100vh - 64px)}.chat{min-height:55vh}}@media(max-width:560px){.classic{grid-template-columns:1fr}.sidebar{max-height:190px}.membersPanel{max-height:130px}.chat{min-height:55vh}.chatTop h2{font-size:18px}}