.commons-page [hidden]{display:none!important}*{box-sizing:border-box}.commons-page{margin:0;background:#05070b;color:#fff;font-family:Arial,Helvetica,sans-serif}.commons-header{position:sticky;top:0;z-index:80;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#05070bf2;border-bottom:1px solid #ffffff16;backdrop-filter:blur(14px)}.commons-header a{color:#fff;text-decoration:none;font-weight:900}.commons-header nav{display:flex;gap:16px;overflow:auto}.micro{letter-spacing:.17em;font-size:.7rem;font-weight:900;color:#91a0b5}.commons-hero{position:relative;min-height:70vh;display:grid;align-items:end;overflow:hidden}.commons-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.commons-heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,8,.93),rgba(3,4,8,.46) 55%,rgba(3,4,8,.34)),linear-gradient(0deg,#05070b,transparent 58%)}.commons-heroCopy{position:relative;z-index:2;padding:clamp(38px,8vw,92px);max-width:820px}.commons-hero h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.86;margin:.15em 0}.commons-hero h1 span{color:#ff2ca8}.commons-hero p{max-width:720px;font-size:1.2rem;color:#e3e9f1}.commons-hero small{color:#b7c2d0}.commons-roomPreview{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.commons-roomPreview span{padding:9px 12px;border:1px solid #ffffff29;border-radius:999px;background:#080b12cc;font-size:.76rem;font-weight:900}.commons-shell{width:min(900px,92vw);margin:28px auto;padding:28px;border:1px solid #ffffff18;border-radius:22px;background:#0a0e15}.commons-button,.commons-page button{display:inline-flex;padding:12px 16px;border-radius:11px;background:linear-gradient(90deg,#ff2ca8,#8c4cff);color:#fff;border:0;font-weight:1000;text-decoration:none;cursor:pointer}.commons-app{width:min(1450px,95vw);margin:28px auto;display:grid;grid-template-columns:300px 1fr;min-height:70vh;border:1px solid #ffffff16;border-radius:22px;overflow:hidden;background:#080b11;box-shadow:0 24px 80px #0007}.commons-app aside{padding:18px;border-right:1px solid #ffffff13;background:#090d14}.commons-sideHead{display:flex;justify-content:space-between;gap:12px;align-items:start}.commons-online{display:grid;text-align:right}.commons-online b{font-size:1.4rem;color:#13e7ff}.commons-online span{font-size:.58rem;letter-spacing:.12em;color:#8da0b7}.commons-app aside button{width:100%;margin:5px 0;text-align:left;background:#111824;border:1px solid #ffffff16;display:grid;gap:3px}.commons-app aside button.active{border-color:#13e7ff;box-shadow:0 0 0 1px #13e7ff44}.commons-app aside button small{color:#95a8bc;font-weight:600}.commons-presence{display:flex;gap:8px;align-items:center;margin:16px 0 8px;padding-top:14px;border-top:1px solid #ffffff12;font-size:.72rem;font-weight:900;color:#d4ddea}.commons-presenceList{display:grid;gap:6px}.presence-chip{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#aeb9c8}.presence-chip i{width:7px;height:7px;border-radius:50%;background:#4cff91;box-shadow:0 0 8px #4cff91}.commons-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.commons-chat header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #ffffff13}.commons-chat h2{margin:.1em 0}.commons-chat header p:last-child{margin:.35em 0 0;color:#91a2b7;font-size:.83rem}.message-list{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:10px;max-height:62vh}.msg{padding:12px 14px;border-radius:14px;background:#0e141e;border:1px solid #ffffff10}.msg b{display:block}.msg small{color:#8292a8}.msg p{white-space:pre-wrap;margin:.45em 0;line-height:1.48}.msg button{padding:6px 9px;background:#161e2b;font-size:.72rem}.commons-chat form{padding:16px;border-top:1px solid #ffffff13;display:grid;grid-template-columns:1fr auto;gap:10px}.commons-chat textarea{background:#05080d;color:#fff;border:1px solid #ffffff25;border-radius:12px;padding:12px;font:inherit;resize:vertical}.commons-chat form p{grid-column:1/-1;margin:0;color:#9fe3ff}.commons-page button:focus-visible,.commons-page a:focus-visible,.commons-page textarea:focus-visible,.commons-page input:focus-visible{outline:3px solid #13e7ff;outline-offset:3px}@media(max-width:760px){.commons-header nav{gap:10px}.commons-header nav a{white-space:nowrap;font-size:.72rem}.commons-hero{min-height:62vh}.commons-heroCopy{padding:28px 18px}.commons-app{grid-template-columns:1fr}.commons-app aside{border-right:0;border-bottom:1px solid #ffffff13}.commons-app aside #channelList{display:flex;gap:8px;overflow:auto}.commons-app aside #channelList button{width:auto;white-space:nowrap;min-width:160px}.commons-presenceList{display:flex;overflow:auto}.presence-chip{white-space:nowrap}.commons-chat form{grid-template-columns:1fr}.commons-chat form button{width:100%}.message-list{max-height:55vh}.commons-roomPreview span{font-size:.68rem}}