body:has(.lobby-shell) .sidebar{display:none}body:has(.lobby-shell) .layout{display:block}body:has(.lobby-shell) .content{padding:0;max-width:none;width:100%}.lobby-shell{height:100dvh;display:grid;grid-template-columns:76px 260px minmax(320px,1fr) 230px;background:#36393f;color:#dcddde;font:15px/1.5 system-ui,sans-serif}.lobby-shell button{color:#b9bbbe;background:transparent;border:0;border-radius:6px;padding:8px;cursor:pointer}.lobby-shell button:hover{background:#42464d;color:#fff}.lobby-shell button:focus-visible{outline:2px solid #a49cff;outline-offset:2px}.lobby-shell .ph{font-size:24px}.lobby-rail{background:#202225;display:flex;align-items:center;flex-direction:column;gap:12px;padding:16px 10px;overflow:auto}.lobby-rail button{background:#36393f;width:52px;height:52px;border-radius:50%}.lobby-rail button.selected{background:#6554ce;border-radius:17px;color:white}.lobby-brand{width:48px;height:48px;border-radius:16px;margin-bottom:12px}.lobby-channels{display:flex;flex-direction:column;min-height:0;background:#2f3136}.lobby-head{height:62px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 20px;box-shadow:0 1px 3px #20222580;color:white}.lobby-head strong{flex:1}.lobby-room-list{padding:18px 10px;flex:1;overflow:auto}.lobby-label{font-size:11px;letter-spacing:1px;font-weight:700;color:#a4a7ad;display:flex;align-items:center;justify-content:space-between;margin:10px}.lobby-room{width:100%;display:flex;align-items:center;gap:10px;text-align:left;font-weight:600}.lobby-room.selected{background:#40444b;color:white}.lobby-room-person{padding:5px 10px 5px 35px;display:flex;gap:8px;font-size:13px}.lobby-controls{background:#292b2f;padding:12px}.lobby-status{color:#48c78e;font-weight:600}.lobby-self{display:flex;align-items:center;gap:4px;margin-top:14px}.lobby-self strong{font-size:12px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.lobby-self .avatar{width:28px;height:28px}.lobby-self button{padding:4px}.lobby-main{min-width:0;overflow:auto}.lobby-stage{min-height:calc(100% - 62px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.lobby-stage>.ph{font-size:80px;color:#a49cff}.lobby-stage h1{font-size:30px;color:white;margin:18px 0 4px}.lobby-stage p{max-width:420px;color:#b9bbbe}.lobby-shell button.primary{background:#6554ce;color:#fff;padding:12px 24px;margin:20px 0}.lobby-actions{display:flex;gap:8px;flex-wrap:wrap}.lobby-members{background:#2f3136;padding:22px 12px;overflow:auto}.lobby-person{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:13px}.lobby-person span{flex:1}.lobby-person .avatar{flex:none;width:32px;height:32px}.lobby-mini{position:fixed;bottom:18px;right:18px;z-index:20;background:#292b2f;color:white;display:flex;gap:12px;align-items:center;padding:10px 16px;border-radius:10px}.lobby-shell~.lobby-mini,body:has(.lobby-shell) .lobby-mini{display:none}@media(max-width:1000px){.lobby-shell{grid-template-columns:64px 220px minmax(260px,1fr)}.lobby-members{display:none}}@media(max-width:640px){.lobby-shell{grid-template-columns:58px minmax(150px,40%) 1fr}.lobby-rail{padding:12px 4px}.lobby-rail button{width:44px;height:44px}.lobby-head{padding:0 10px}.lobby-stage{padding:14px}.lobby-stage h1{font-size:22px}.lobby-self{flex-wrap:wrap}.lobby-self strong{flex-basis:65%}.lobby-stage>.ph{font-size:48px}.lobby-actions{display:none}}
@media(max-width:640px){.lobby-shell{height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:64px auto minmax(350px,1fr)}.lobby-rail{flex-direction:row;padding:8px 12px;gap:8px;overflow-x:auto}.lobby-brand{width:40px;height:40px;margin:0 8px 0 0}.lobby-rail button{flex-shrink:0;width:42px;height:42px}.lobby-channels{display:grid;grid-template-columns:1fr;min-width:0}.lobby-channels .lobby-head{height:48px}.lobby-room-list{padding:4px 12px 10px;max-height:180px}.lobby-controls{padding:8px 12px}.lobby-self{flex-wrap:nowrap;margin-top:5px}.lobby-self strong{flex-basis:auto}.lobby-main .lobby-head{height:48px}.lobby-stage{min-height:300px;padding:20px 12px}.lobby-actions{display:flex}.lobby-self button{padding:7px}.lobby-head strong,.lobby-room span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-members{display:block;padding:12px}.lobby-person{display:inline-flex;margin:6px 12px}}

.lobby-room-presence{padding:0 8px 8px 30px;color:#b9bbbe}.lobby-room-presence>small{font-size:11px}.lobby-room-presence .avatar{width:22px;height:22px;flex-shrink:0}.lobby-room-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.lobby-shell .avatar[data-lobby-speaker]{border-radius:50%;outline:2px solid transparent;outline-offset:2px;transition:outline-color 120ms ease,box-shadow 120ms ease}.lobby-shell .avatar.is-speaking{outline-color:#43d17d;box-shadow:0 0 9px #43d17d66}@media(prefers-reduced-motion:reduce){.lobby-shell .avatar[data-lobby-speaker]{transition:none}}