.phone-only{display:none}
@media(max-width:700px){
body:not(.entered){background:radial-gradient(ellipse at 15% 15%,#fff,transparent 65%),radial-gradient(ellipse at 90% 80%,#dcd2f1,transparent 65%),#f2eef8}
body:not(.entered)::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.33;background-image:radial-gradient(#ae91d6 .8px,transparent .9px),radial-gradient(#d4c3e9 1px,transparent 1.5px);background-size:47px 53px,79px 89px;background-position:10px 25px,30px 10px}
.ref-entry-brand{position:fixed;top:max(20px,env(safe-area-inset-top));left:22px;z-index:2;display:flex;align-items:center;gap:10px;color:#24212c;font-size:19px}.ref-entry-brand>span{display:grid;place-items:center;width:33px;height:33px;background:#7a2fd6;border-radius:5px;color:white;font-size:22px}body.entered .ref-entry-brand{display:none}
#login{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(var(--live-height,100dvh) - 95px);padding:14px 22px max(24px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#fff;color:#211d29;box-shadow:0 -16px 50px -25px #4e316a80;overflow-y:auto;overscroll-behavior:contain}
#login::backdrop{background:transparent;backdrop-filter:none}.ref-entry-handle{display:block;width:38px;height:4px;margin:0 auto 30px;background:#e7e1ed;border-radius:10px}#login>.brand,#stepcount{display:none}#login h2{font-size:23px;font-weight:700;margin:20px 0 8px!important;letter-spacing:-.5px}#login #entrydesc{font-size:12px;color:#77717f;line-height:1.5;margin:0 0 18px}#login input:not([type=checkbox]):not([type=radio]){border:1px solid #e7e2ed;background:#f5f2f9;border-radius:6px;height:53px;padding:15px;font-size:16px;margin:0 0 16px;outline-color:#9b62dc;color:#292331}#nickstep>label{font-size:0}#nickstep>label::before{content:"@";display:none}#login .blue{width:100%;height:50px;border-radius:5px;background:#a16bdd;color:white;font-size:14px;font-weight:700;margin:0;box-shadow:none}#login .blue:hover{background:#8c53ce}#login .genderchoice{border-radius:6px;padding:22px 12px;background:#faf8fc;border-color:#e8e2ee;font-size:15px;justify-content:center}#login .genderchoice:has(:checked){background:#f0e7fc;border-color:#9d6bd8}.ref-entry-theme{display:block;position:absolute;right:18px;top:15px;border-radius:24px;padding:6px 9px;background:#eee8f6;color:#9065c2;font-size:14px}.ref-entry-back{display:block;width:auto;margin:0 0 15px;padding:7px 10px;font-size:11px;border-radius:5px;background:#f6f4f9;color:#77707f}#login .ref-entry-listen{display:flex;align-items:center;gap:12px;border:1px solid #e7e4ec;border-radius:6px;padding:15px;margin:0 0 16px;cursor:pointer}.ref-entry-listen input{appearance:none;width:37px;height:23px;margin:0!important;flex:none;border:0;border-radius:20px;background:#d4ccd9;position:relative;cursor:pointer}.ref-entry-listen input:checked{background:#7a2fd6}.ref-entry-listen input::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:white}.ref-entry-listen input:checked::after{left:17px}.ref-entry-listen b{display:block;font-size:12px;font-weight:500}.ref-entry-listen small{display:block;color:#9991a2;font-size:10.5px;margin-top:4px}.ref-entry-footer{display:flex;justify-content:center;margin-top:15px}.ref-entry-footer button{background:transparent;color:#8b7c9b;font-size:12px;padding:6px 15px}#login>.member-entry-button,#nickstep>button:last-child{display:none}#login>p:last-of-type:not(.entry-error){font-size:10px!important;color:#9b929f;margin:16px 0 8px}#login .entry-error{color:#b33a51;font-size:12px;background:#fff1f4;padding:9px;border-radius:5px}#entry-password-step .icon{background:none;color:#8a7a98;font-size:12px;margin:10px 0 0}#login.entry-night{background:#17131d;color:#eee7f6}#login.entry-night input:not([type=checkbox]):not([type=radio]){background:#241d2d;border-color:#3d304c;color:#f4edf9}#login.entry-night .ref-entry-listen{border-color:#3c3147}#login.entry-night #entrydesc{color:#b1a5bd}
.ref-phone-head{display:flex;align-items:stretch;position:fixed;top:0;left:0;right:0;height:50px;background:#fff;border-bottom:1px solid #e6e6e6;z-index:55;color:#777}.ref-phone-head>button{position:relative;display:grid;place-content:center;min-width:40px;width:40px;padding:8px;background:none;color:#aaa;border-radius:0}.ref-phone-head svg{width:18px;height:18px}.ref-phone-head>.ref-phone-room{flex:1;width:auto;min-width:0;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 12px}.ref-phone-room b{font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.ref-phone-room small{font-size:9px;color:#aaa;margin-top:3px}.ref-count{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);font-size:9px;background:#f0f0f0;padding:0 3px;color:#777;line-height:11px}.has-notes::after{content:"";position:absolute;right:9px;top:9px;width:6px;height:6px;background:#e76580;border-radius:50%}body:not(.entered) .ref-phone-head,body:not(.entered) .ref-phone-edge{display:none}.layout{margin-top:50px!important;height:calc(var(--live-height,100dvh) - 50px)!important}main>.roomhead,main>.small{display:none!important}#live-media-area:empty{display:none!important}.messages{padding:8px 43px 8px 6px;scroll-padding-bottom:8px}.messages .msg{gap:5px;margin:5px 0;align-items:flex-start}.messages .avatar{width:28px;height:28px;min-width:28px;border-radius:50%;font-size:11px}.messages .bubble{border-radius:4px;padding:5px 8px;line-height:1.35;max-width:calc(100% - 33px);box-shadow:0 1px 1px #00000005}.messages .bubble b{font-size:11px;color:#475158}.messages .bubble time{font-size:8px;margin-left:6px;color:#aaa}.messages .bubble p{margin:1px 0 0;line-height:1.4;font-size:var(--message-size,13px)}
.ref-phone-edge{display:flex;position:fixed;right:0;top:43%;z-index:52;flex-direction:column;border:1px solid #e1e1e1;border-right:0;background:#fff;border-radius:5px 0 0 5px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.ref-phone-edge>button{width:35px;height:47px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:5px;border-bottom:1px solid #eee;background:none;color:#777;font-size:21px;border-radius:0}.ref-phone-edge svg{width:16px;height:16px}.ref-phone-edge small{font-size:10px;line-height:10px}
.composer{padding:4px 5px max(4px,env(safe-area-inset-bottom))!important}.compose{grid-template-columns:24px minmax(0,1fr) repeat(4,23px) 34px!important;gap:3px!important}.compose>.icon{grid-column:1;grid-row:1;font-size:17px;color:#aaa;background:none;padding:2px}.compose>input{grid-column:2;grid-row:1;height:36px!important;border-radius:5px;background:#fff;padding:6px!important;border:1px solid #e1e1e1;font-size:16px!important}.compose>.send{grid-row:1;grid-column:7;height:34px!important;width:34px;border-radius:50%;padding:3px!important;background:#22a9e2;font-size:20px}.compose>.live-mobile-tools{display:contents!important}.compose .live-mobile-tools>button{display:none;grid-row:1;padding:3px!important;height:32px!important;background:transparent;color:#aaa}.compose .live-mobile-tools>button svg{width:16px;height:18px}.compose .live-mobile-tools>button:nth-child(1){display:grid;grid-column:3}.compose .live-mobile-tools>button:nth-child(3){display:grid;grid-column:4}.compose .live-mobile-tools>button:nth-child(4){display:grid;grid-column:5}.compose .live-mobile-tools>button:nth-child(5){display:grid;grid-column:6}.composer>.hint{display:none}#emoji{border-radius:8px}.left.open{position:fixed!important;top:50px!important;bottom:0!important;left:auto!important;right:0!important;width:100%!important;max-width:440px;max-height:calc(var(--live-height,100dvh) - 50px)!important;z-index:70;box-shadow:-10px 0 40px #0002;padding-top:0;background:#fff}.left>.profile,.left>.side-tabs{display:none!important}.ref-phone-panel-head{display:flex;align-items:center;min-height:49px;border-bottom:1px solid #eee;gap:8px;flex:none}.ref-phone-panel-head button{width:40px;height:45px;font-size:30px;background:none;color:#777}.ref-phone-panel-head b{font-size:14px;font-weight:600;color:#555}.ref-phone-tabs{display:grid;grid-template-columns:repeat(4,1fr);flex:none;border-bottom:1px solid #eee;gap:2px}.ref-phone-tabs button{background:none;font-size:11px;padding:11px 2px;color:#888}.left #side-people,.left #side-rooms{padding:14px 14px 20px!important;min-height:0;overflow:auto}.left .user{padding:13px 3px;min-height:76px;margin:0}.left .user .avatar{border-radius:50%}.left .user .person-name{font-size:13px}.left .user .small{margin-top:4px;font-size:10px}.left .peoplefilters button{padding:10px 8px;font-size:11px}.left #side-settings{padding:14px 16px 20px}.left .settings-self{border-radius:5px;background:#f6f5f8}.left .room{border-bottom:1px solid #eee;border-radius:0;padding:15px 8px}.left .room.active{background:#f3f7fa}.left .room em{background:#f4f4f4;border-radius:4px}.ref-menu-row{display:block;width:100%;padding:15px 7px;text-align:left;background:transparent;color:inherit;border-bottom:1px solid #ececec;font-size:14px}#utility[open],#person-profile[open]{inset:auto 0 0!important;margin:0!important;width:100%!important;max-width:none!important;max-height:85dvh;height:auto;border-radius:16px 16px 0 0!important;padding:20px 18px max(24px,env(safe-area-inset-bottom));box-shadow:0 -8px 40px #0002}#utility::backdrop,#person-profile::backdrop{background:#0005;backdrop-filter:none}body.dark .ref-phone-head,body.dark .ref-phone-edge,body.dark .left.open{background:#1e2630;color:#cbd1d8}body.dark .ref-phone-room b,body.dark .ref-phone-panel-head b{color:#dce2e8}body.dark .compose>input{background:#252e39;color:#eee;border-color:#3b4655}body.dark .ref-menu-row{border-color:#3b4655}
}
@media(max-width:700px) and (max-height:600px){.ref-phone-edge{top:30%}#login{max-height:calc(var(--live-height,100dvh) - 65px)}.ref-entry-handle{margin-bottom:15px}.ref-entry-brand{top:12px}}
@media(prefers-reduced-motion:reduce){.ref-phone-edge,.ref-entry-listen input::after{transition:none}}
@media(max-width:700px){.compose{padding:0!important;min-height:36px!important}.messages .avatar{display:grid;place-items:center;flex:none;padding:0;background:#e4e7e9;color:#92999e;overflow:hidden}.messages .avatar img{width:100%;height:100%;object-fit:cover}.ref-entry-brand svg{width:20px;height:20px}}
/* Entry styling is shared by phone and desktop; desktop chat remains unchanged. */
body:not(.entered){background:#d9d4e5 url('/login-lake.png') center center/cover no-repeat}body:not(.entered)::before{background:linear-gradient(180deg,#15223918,#1b1b382b);opacity:1}#login{width:min(430px,94vw);padding:28px;border-radius:20px;background:#fffffff5;color:#252131;box-shadow:0 20px 70px #10182d55}#login::backdrop{background:#15213320;backdrop-filter:blur(2px)}#login>.brand,#stepcount{display:none}.ref-entry-brand{position:fixed;top:24px;left:26px;z-index:2;display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;text-shadow:0 1px 12px #18243f80}.ref-entry-brand>span{display:grid;place-items:center;width:33px;height:33px;background:#783bd0;border-radius:7px;color:#fff}.ref-entry-brand svg{width:20px;height:20px}body.entered .ref-entry-brand{display:none}#login .ref-entry-theme{display:block;position:absolute;right:18px;top:14px;border-radius:24px;padding:6px 9px;background:#eee8f6;color:#9065c2;font-size:14px}#login .ref-entry-back{display:block;width:auto;margin:0 0 20px;padding:7px 10px;font-size:11px;border-radius:5px;background:#f6f4f9;color:#77707f}#login h2{font-size:23px;margin:16px 0 8px!important}#login #entrydesc{font-size:12px;color:#77717f;line-height:1.5;margin:0 0 18px}#login input:not([type=checkbox]):not([type=radio]){border:1px solid #e7e2ed;background:#f5f2f9;border-radius:6px;height:53px;padding:15px;font-size:16px;margin:0 0 16px;outline-color:#9b62dc;color:#292331}#login .blue{width:100%;height:50px;border-radius:6px;background:#9664d1;color:#fff;font-size:14px;font-weight:700;margin:0}#login .ref-entry-listen{display:flex;align-items:center;gap:12px;border:1px solid #e7e4ec;border-radius:6px;padding:15px;margin:0 0 16px;cursor:pointer}.ref-entry-listen input{appearance:none;width:37px;height:23px;margin:0!important;flex:none;border:0;border-radius:20px;background:#d4ccd9;position:relative;cursor:pointer}.ref-entry-listen input:checked{background:#7a2fd6}.ref-entry-listen input::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff}.ref-entry-listen input:checked::after{left:17px}.ref-entry-listen b{display:block;font-size:12px;font-weight:500}.ref-entry-listen small{display:block;color:#9991a2;font-size:10.5px;margin-top:4px}#login .ref-entry-footer{display:flex;justify-content:center;margin-top:15px}.ref-entry-footer button{background:none;color:#8b7c9b;font-size:12px;padding:6px 15px}#nickstep>label{font-size:0}#nickstep>button:last-child{display:none}#entry-password-step .icon{background:none;color:#8a7a98;font-size:12px;margin-top:10px}.ref-sheet-backdrop{display:none}.messages[data-background=site-lake]{background:#d5dce4 url('/login-lake.png') center/cover no-repeat}
@media(min-width:701px){#messages .chat-image{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain}#messages .chat-reaction-gif{max-width:125px;max-height:135px}#messages .chat-gift-gif{width:80px;height:90px}}
@media(max-width:700px){#login{width:100%;max-width:none;margin:0;padding:14px 22px max(24px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.ref-entry-brand{top:max(20px,env(safe-area-inset-top));left:22px;font-size:19px}.left.open{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:calc(var(--live-height,100dvh)*.5)!important;max-height:50dvh!important;border-radius:18px 18px 0 0;display:flex!important;overflow:hidden;padding:0!important;box-shadow:0 -10px 35px #0002}.ref-phone-panel-head{padding-top:4px;position:relative}.ref-phone-panel-head::before{content:"";position:absolute;top:5px;left:calc(50% - 18px);width:36px;height:4px;border-radius:8px;background:#ddd}.left.open #side-settings,.left.open #side-rooms,.left.open #side-people{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}body:has(.left.open)>.ref-sheet-backdrop{display:block;position:fixed;inset:0;background:#0002;border:0;z-index:65}#utility[open],#person-profile[open]{height:calc(var(--live-height,100dvh)*.5)!important;max-height:50dvh!important;display:flex;flex-direction:column;overflow:auto;padding:14px 16px max(15px,env(safe-area-inset-bottom))}#utility>.utility-head{flex:none}#utility-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}#utility #live-dm-list{height:clamp(80px,calc(var(--live-height,100dvh)*.5 - 150px),260px)!important}.compose{grid-template-columns:24px minmax(0,1fr) repeat(5,22px) 34px!important;gap:2px!important}.compose>.send{grid-column:8}.compose .live-mobile-tools>button:nth-child(5){grid-column:7}.compose .live-mobile-tools>button:nth-child(8){display:grid;grid-column:6}#ref-voice-panel h3{font-size:12px;color:#7d8490;margin:8px 0}.ref-listen-toggle{width:100%;background:#edf3f7;color:#526677;border-radius:8px;padding:10px}.ref-volume-label{display:flex;align-items:center;gap:12px;font-size:11px;color:#888;padding:10px 0}.ref-volume-label input{flex:1;min-width:0}.ref-microphone-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.ref-microphone-slot{display:flex;align-items:center;gap:7px;background:#f3f4f5;padding:9px;border-radius:7px;min-width:0}.ref-microphone-slot>span{color:#aaa;font-size:10px}.ref-microphone-slot>b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-microphone-slot.occupied{background:#e9f4ee;color:#46815c}.ref-mic-toggle{width:100%;margin-top:7px}body.dark .ref-microphone-slot{background:#29333d}body.dark .ref-listen-toggle{background:#2c3b48;color:#d1d9e0}}

.room-camera-tile{flex:none;position:relative;width:140px;min-width:140px;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#17212e}.room-camera-tile video{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover}.room-camera-tile>small{position:absolute;bottom:0;left:0;right:0;padding:5px 7px;background:#0008;color:#fff;z-index:1;font-size:11px}.room-audio-peer{display:none}#live-media-area:has(.room-camera-tile){min-height:152px;max-height:170px!important}
@media(max-width:700px){.left.open{top:50px!important;bottom:0!important;left:auto!important;right:0!important;width:min(86vw,340px)!important;height:calc(var(--live-height,100dvh) - 50px)!important;max-height:calc(var(--live-height,100dvh) - 50px)!important;border-radius:0;box-shadow:-12px 0 35px #0002}.ref-phone-panel-head::before{display:none}.ref-phone-panel-head{padding-top:0}.left #rooms{display:flex;flex-direction:column;gap:0}.left #rooms>.room{width:100%;flex:none;text-align:left}.room-camera-tile{width:112px;min-width:112px}#live-media-area:has(.room-camera-tile){min-height:124px;max-height:138px!important}}
/* Focused drawers, profile cards and room media. */
#messages .bubble{background:transparent!important;box-shadow:none!important;border:0!important}.room-speakers{display:flex;gap:14px;padding:8px 12px;overflow:auto;flex:none}.room-speakers:empty{display:none}.speaker-ring{--voice:#409df1;flex:none;width:60px;text-align:center}.speaker-ring.female{--voice:#ed76b4}.speaker-ring img{display:block;width:48px;height:48px;margin:0 auto 4px;object-fit:cover;border-radius:50%;border:3px solid #cdd4db;transition:box-shadow .12s,border-color .12s}.speaker-ring.speaking img{border-color:var(--voice);box-shadow:0 0 0 4px color-mix(in srgb,var(--voice),transparent 72%)}.speaker-ring small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.room-audio-peer{display:none!important}.watch-camera{display:block;grid-column:2/-1;padding:4px 8px;background:#edf3f8;color:#53758d;font-size:11px;border-radius:5px}.flip-camera{position:absolute;right:4px;top:4px;background:#0008;color:white;border-radius:50%;width:30px;height:30px;padding:2px;z-index:2}.camera-viewer{width:min(480px,94vw);padding:16px}.camera-viewer video{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#17212e;border-radius:8px}.profile-editor{display:grid;gap:12px}.profile-editor>img,.profile-portrait{width:100px!important;height:100px;border-radius:50%;object-fit:cover;margin:auto}.profile-editor textarea{width:100%;min-height:80px;padding:12px;border:1px solid #dde1e7;border-radius:8px;resize:vertical}.profile-bio{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;color:#7c8590}.edit-self-button{width:100%;margin:10px 0;padding:10px;border:1px solid #e5e8ed;color:#688094;background:transparent}.dm-person{display:flex;width:100%;gap:12px;align-items:center;text-align:left;background:transparent;color:inherit;padding:14px 3px;border-bottom:1px solid #eee;border-radius:0}.dm-person img,.dm-header img{width:40px;height:40px;object-fit:cover;border-radius:50%}.dm-person span{min-width:0}.dm-person b,.dm-person small{display:block}.dm-person small{font-size:11px;color:#98a0a8;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.dm-header{display:flex;gap:8px;align-items:center;padding:6px 0 12px}.dm-header button{background:transparent;color:#7890a0;font-size:11px}.dm-header button:first-child{font-size:28px}.dm-compose{display:flex;gap:6px;flex:none;padding-top:10px}.dm-compose input{min-width:0;flex:1;margin:0}.dm-compose button{flex:none}.dm-view #utility-body{display:flex;flex-direction:column}.dm-view #live-dm-list{flex:1;min-height:80px;overflow:auto}.dm-view .bubble{max-width:95%}.dm-view .bubble p{overflow-wrap:anywhere}
@media(max-width:700px){.ref-phone-head>button{min-width:46px;width:46px}.ref-phone-head>.ref-phone-room{min-width:0;width:auto;padding-left:8px}.ref-phone-head{gap:3px}.ref-phone-tabs{display:none!important}.ref-phone-panel-head{min-height:52px}#utility.dm-view[open]{inset:50px 0 0!important;height:calc(var(--live-height,100dvh) - 50px)!important;max-height:none!important;border-radius:0!important}#utility.dm-view #live-dm-list{height:auto!important;max-height:none}.dm-view #utility-body{overflow:hidden}.dm-view #utility-body:not(:has(#live-dm-list)){overflow:auto}#side-settings[data-category]>.edit-self-button{display:none}.room-speakers{gap:12px;padding:6px 8px}.speaker-ring{width:54px}.speaker-ring img{width:44px;height:44px}.ref-phone-room small{font-size:8px}.profile-editor input[type=file]{font-size:12px}}

.private-call {
  box-sizing: border-box;
  width: min(560px, calc(100vw - 28px));
  max-height: min(90dvh, 680px);
  padding: clamp(16px, 4vw, 28px);
  text-align: center;
}
.private-call h2 { margin: 0 0 6px; overflow-wrap: anywhere; }
.private-call p { margin: 0 0 16px; }
.private-call-media:empty { display: none; }
.private-call-media > div { display: grid; gap: 6px; }
.private-call-media video { display: none; }
.private-call.video-call .private-call-media video,
.private-call > video:not([hidden]) {
  display: block;
  width: 100%;
  max-height: 38dvh;
  background: #172234;
  border-radius: 12px;
  object-fit: contain;
}
.private-call > video:not([hidden]) {
  width: min(28%, 130px);
  max-height: 16dvh;
  margin: 10px 0 0 auto;
}
.private-call-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; }
.private-call-actions button { min-height: 44px; }
.private-call-actions .call-end { background: #b63243; color: white; }

.camera-viewer {
  position: fixed;
  inset: auto;
  margin: 0;
  z-index: 300;
  box-sizing: border-box;
  width: min(340px, calc(100vw - 20px));
  max-height: 55dvh;
  padding: 8px;
  overflow: auto;
}
.camera-viewer-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 6px;
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.camera-viewer-bar h2 { margin: 0; font-size: 14px; overflow-wrap: anywhere; }
.camera-viewer-bar button { flex: none; }
.camera-viewer video { max-height: 38dvh; object-fit: contain; }
@media (max-width: 600px) {
  .camera-viewer { width: min(235px, 65vw); }
}

#messages .bubble {
  background: #fff !important;
  color: #182534;
  padding: 6px 10px;
  border-radius: 8px;
  line-height: 1.45;
}
#messages .bubble p { color: #182534 !important; }
.profile-upload {
  width: 100%;
  min-height: 44px;
  border: 1px solid #bfd1e1;
  border-radius: 10px;
  background: #eaf4fc;
  color: #183f60;
  font-weight: 600;
}
.profile-avatar-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  border: 1px solid #dae2ea;
  border-radius: 10px;
  padding: 8px;
  margin: 0;
}
.profile-avatar-options button {
  min-height: 38px;
  border: 1px solid #dce4ec;
  border-radius: 8px;
  font-size: 21px;
  background: #f6f9fc;
}
.profile-avatar-options button[aria-pressed="true"] {
  border-color: #1271ba;
  background: #d9eeff;
}
@media (max-width: 700px) {
  #utility.compact-mic-menu[open] {
    width: min(260px, calc(100vw - 24px)) !important;
    height: auto !important;
    max-height: 65dvh !important;
    inset: auto 8px max(48px, env(safe-area-inset-bottom)) auto !important;
    margin: 0 !important;
  }
  .compact-mic-menu .ref-menu-row { min-height: 38px; }
  .speaker-ring[type="button"] { background: transparent; color: inherit; padding: 0; border: 0; }
  .ref-phone-edge button[aria-pressed="true"] { background: #def0ff; color: #106fb9; }
}

#people-list .network-role {
  display: block;
  width: 100%;
  margin-top: 3px;
  color: #8c5109;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .025em;
  line-height: 1.35;
  white-space: nowrap;
}
body.dark #people-list .network-role {
  color: #ffd477;
}

#people-list .user {
  background: #edf0f2 !important;
  border: 0 !important;
  border-radius: 18px;
  box-shadow: none !important;
  margin: 4px 0;
  padding-inline: 8px;
}
#people-list .user:hover { background: #e2e7eb !important; }
body.dark #people-list .user { background: #253342 !important; }
body.dark #people-list .user:hover { background: #2c3d4e !important; }
#people-list .user .member-type:not(.network-role),
#people-list .user .small { color: #536170; }
body.dark #people-list .user .member-type:not(.network-role),
body.dark #people-list .user .small { color: #c2cdd8; }

#utility:has(.room-admin-panel)[open] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: min(570px, calc(100vw - 24px)) !important;
  height: min(500px, calc(100dvh - 24px)) !important;
  max-width: none !important;
  max-height: none !important;
  inset: min(10vh, 95px) auto auto max(12px, calc(50vw - 400px)) !important;
  margin: 0 !important;
  padding: 0;
  border: 2px solid #e0e4ea;
  border-radius: 3px;
  background: #fff;
  color: #202a34;
  box-shadow: 0 5px 24px #11253a38;
}
#utility:has(.room-admin-panel)::backdrop { background: transparent; }
#utility:has(.room-admin-panel) .utility-head {
  flex: none;
  padding: 6px 10px;
  background: #0878ec;
  color: #fff;
}
#utility:has(.room-admin-panel) .utility-head h2 { color: #fff; font-size: 14px; }
#utility:has(.room-admin-panel) .utility-head button { color: #fff; }
#utility:has(.room-admin-panel) #utility-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 6px;
}
#utility .admin-tile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
}
#utility .admin-tile-grid button {
  display: grid;
  place-content: center;
  min-height: 108px;
  margin: 0;
  padding: 5px;
  border: 1px solid #4a9cff;
  border-radius: 5px;
  background: #0878ec;
  box-shadow: 0 2px 5px #155caf40;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
#utility .admin-tile-grid button:hover { background: #0867cb; }
.admin-tile-grid button span { font-size: 29px; line-height: 1.1; margin-bottom: 7px; }
.admin-section-head { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #d9dee5; margin-bottom: 8px; }
.admin-section-head h3 { margin: 0; font-size: 15px; }
.admin-room-table { width: 100%; border-collapse: collapse; margin: 8px 0; }
.admin-room-table :is(th,td) { border: 1px solid #e0e4ea; padding: 5px 8px; text-align: left; }
.admin-room-table th, .admin-room-table tr:nth-child(even) { background: #f3f6f9; }
@media (max-width: 700px) {
  #utility:has(.room-admin-panel)[open] {
    inset: 0 !important;
    width: 100% !important;
    height: var(--live-height, 100dvh) !important;
    border: 0;
    border-radius: 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
  #utility:has(.room-admin-panel) .utility-head { min-height: 48px; }
  #utility:has(.room-admin-panel) #utility-body { padding: 10px; }
  #utility .admin-tile-grid { gap: 8px; }
  #utility .admin-tile-grid button { min-height: 86px; font-size: 12px; }
}
.admin-field { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 3px; border-bottom:1px solid #edf0f3; }
.admin-field>span { flex:1; font-size:13px; }
.admin-field>:is(input:not([type=checkbox]),select,textarea) { width:55%; min-width:0; margin:0; box-sizing:border-box; }
.admin-field>input[type=checkbox] { width:19px; height:19px; margin:0; flex:none; }
.admin-row-actions { display:flex; flex-wrap:wrap; gap:4px; }
.admin-animation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.admin-animation-grid img { width:100%; height:80px; object-fit:contain; }
#admin-site-welcome { white-space:pre-wrap; font-size:13px; max-height:140px; overflow:auto; }
@media(max-width:700px) { body.admin-hide-mobile-mics .room-speakers { display:none!important; } }

#room-audio-unlock:not([hidden]) { position:fixed; bottom:70px; left:50%; transform:translateX(-50%); z-index:80; background:#126ac5; color:#fff; border:0; border-radius:18px; padding:10px 18px; box-shadow:0 2px 10px #0003; }

.room-speakers { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; padding:8px; overflow:hidden; width:100%; box-sizing:border-box; }
.room-speakers .mic-seat { width:100%; min-width:0; padding:3px; border:0; border-radius:10px; background:transparent; color:inherit; font:inherit; text-align:center; }
.room-speakers .mic-seat:disabled { opacity:1; cursor:default; }
.room-speakers .mic-seat.empty:disabled { opacity:.45; }
.room-speakers .empty-mic-icon { width:48px; height:48px; margin:0 auto 4px; border-radius:50%; background:#e8edf3; color:#657a90; display:grid; place-items:center; box-sizing:border-box; border:2px solid #d1dbe4; }
.empty-mic-icon svg { width:24px; height:24px; }
.room-speakers .mic-seat:not(:disabled):hover { background:#edf4fb; }
body.dark .empty-mic-icon { background:#26384a; color:#d9e5ef; }
@media(max-width:700px) {
 .room-speakers { gap:2px; padding:6px 3px; }
 .room-speakers .mic-seat img,.room-speakers .empty-mic-icon { width:38px; height:38px; }
 .room-speakers .mic-seat small { font-size:9px; }
 .ref-phone-head { top:var(--live-top,0px); }
 .left.open { top:calc(var(--live-top,0px) + 50px)!important; bottom:auto!important; height:calc(var(--live-height,100dvh) - 50px)!important; max-height:calc(var(--live-height,100dvh) - 50px)!important; box-sizing:border-box; overflow:hidden; }
 .left.open #side-settings { min-width:0; min-height:0; overflow:auto; padding-bottom:max(20px,env(safe-area-inset-bottom)); }
 #utility:has(.room-admin-panel)[open] { top:var(--live-top,0px)!important; bottom:auto!important; }
 #utility:has(.ref-menu-row):not(.compact-mic-menu,.phone-actions-sheet)[open] { position:fixed; inset:calc(var(--live-top,0px) + 56px) 8px auto auto!important; margin:0!important; width:min(300px,calc(100vw - 16px))!important; max-width:calc(100vw - 16px)!important; height:auto!important; max-height:calc(var(--live-height,100dvh) - 72px)!important; box-sizing:border-box; overflow:hidden!important; }
 #utility:has(.ref-menu-row) #utility-body { display:flex; flex-direction:column; min-width:0; overflow-x:hidden; overflow-y:auto; width:100%; box-sizing:border-box; }
 #utility .ref-menu-row { display:block; flex:none; width:100%; max-width:100%; min-width:0; box-sizing:border-box; margin:0; white-space:normal; overflow-wrap:anywhere; text-align:left; }
 #utility:has(.room-admin-panel) .admin-field { min-width:0; }
 #utility:has(.room-admin-panel) :is(input,select,textarea) { max-width:100%; box-sizing:border-box; }
}

/* Compact reply previews, matching the message bubble on desktop and phones. */
.message-quote{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:100%;border:0;border-left:3px solid #20a88a;border-radius:5px;background:#20a88a12;color:#485d64;padding:7px 10px;text-align:left;margin:0 0 5px;overflow:hidden;font:inherit;box-sizing:border-box;white-space:normal}
.message-quote strong{font-size:12px;color:#16806b}.message-quote span{display:block;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bubble>.message-quote{width:100%;min-width:100px}.message-reply-button{background:transparent;color:#74888e;border:0;border-radius:50%;font-size:19px;line-height:24px;padding:0 5px;margin-left:5px;float:right;cursor:pointer}.message-reply-button:hover{background:#20a88a18;color:#16806b}.reply-composer{display:flex;align-items:center;gap:6px;min-width:0;width:100%;padding:4px 5px;box-sizing:border-box;grid-column:1/-1;flex-basis:100%}.reply-composer>.message-quote{flex:1;margin:0}.reply-cancel{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#677b82;font-size:25px}.reply-highlight{animation:reply-flash 1.6s ease-out}@keyframes reply-flash{from{background:#20a88a55}to{background:transparent}}body.dark .message-quote{background:#20a88a20;color:#d0dedf}body.dark .message-quote strong{color:#69d4bc}.dm-compose:has(.reply-composer){flex-wrap:wrap}.dm-compose>.reply-composer{width:100%;grid-column:1/-1}.composer>.reply-composer{flex:none}

/* Matte microphone surface and unboxed people rows. */
.room-speakers{background:#e5e8e9!important;box-shadow:none!important;border:0!important}.room-speakers .mic-seat:not(:disabled):hover{background:#dce1e3}.room-speakers .empty-mic-icon{background:#dce2e5;border-color:#c5ced2;box-shadow:none}body.dark .room-speakers{background:#252e34!important}body.dark .room-speakers .mic-seat:not(:disabled):hover{background:#303b42}
#people-list .user,#people-list .user.raised{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;margin:0;padding-block:11px}#people-list .user:hover{background:#77838c0b!important}body.dark #people-list .user,body.dark #people-list .user.raised{background:transparent!important}body.dark #people-list .user:hover{background:#ffffff09!important}
.entry-notice{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 8px;margin:4px 0;color:#6d7e85;font-size:11px;line-height:1.5}.entry-notice b{font-weight:600}.entry-notice button{border:0;border-radius:4px;background:#6d7e8510;color:#527785;font:inherit;padding:2px 7px;cursor:pointer}body.dark .entry-notice{color:#b0bec6}body.dark .entry-notice button{color:#b4d3dd;background:#ffffff0a}.msg{touch-action:pan-y}
#people-list .user .avatar{border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important}

/* Transparent microphone seats, crisp icons, and a keyboard-aware side rail. */
.room-speakers,body.dark .room-speakers,.room-speakers .empty-mic-icon,body.dark .room-speakers .empty-mic-icon{background:transparent!important;box-shadow:none!important}.room-speakers .mic-seat:not(:disabled):hover,body.dark .room-speakers .mic-seat:not(:disabled):hover{background:transparent!important}.room-speakers .empty-mic-icon{border-color:#aab9c466}.room-speakers .mic-seat small{font-size:11px}.room-speakers+.small{font-size:12px!important}
.desktop-room-clear{display:flex;align-items:center;gap:6px;background:transparent;color:#617480;padding:7px 9px;font-size:12px;border:0}.desktop-room-clear svg{width:19px;height:19px}.desktop-room-clear:hover{background:#788b9710}.social-notifications-button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;margin:0 0 8px;border:1px solid #e5eaee;border-radius:10px;background:#f5f7f8;color:#506776;font-size:13px}.social-notifications-button[hidden]{display:none}.social-notifications-button svg{width:19px;height:19px}.social-notifications-button em,.social-count{display:grid;place-items:center;min-width:18px;height:18px;border-radius:10px;background:#df5974;color:white;font:600 11px system-ui;font-style:normal;padding:0 4px}.social-count{position:absolute;top:3px;right:2px}.social-count[hidden],.social-notifications-button em[hidden]{display:none}.friend-request-card{padding:14px 0;border-bottom:1px solid #dce4e8}.friend-request-card b{font-size:15px}.friend-request-card p{font-size:13px;color:#748591}.friend-request-card>div{display:flex;gap:8px}.friend-request-card button{padding:9px 17px;border-radius:8px;border:0;font-size:13px}.accept-request{background:#258f80;color:white}.reject-request{background:#edf1f3;color:#586c77}.friend-request-card button:disabled{opacity:.55}body.dark .social-notifications-button{background:#283640;color:#d1dde3;border-color:#3b4a55}body.dark .friend-request-card{border-color:#3b4a55}body.dark .reject-request{background:#394852;color:#d1dde3}
@media(max-width:700px){
 body{top:var(--live-top,0px)!important;bottom:auto!important;height:var(--live-height,100dvh)!important}.ref-phone-head{top:var(--live-top,0px)!important}.ref-phone-head svg{width:21px;height:21px}.ref-phone-head .ref-phone-room b{font-size:14px}.ref-phone-room small{font-size:10px!important}.ref-count{font-size:10px;line-height:13px;bottom:0}.ref-phone-edge{top:var(--edge-top,43%)!important;max-height:var(--edge-max-height,65dvh);overflow-y:auto;overscroll-behavior:contain;transition:top .12s ease}.ref-phone-edge small{font-size:11px;line-height:12px}.ref-phone-edge svg{width:19px;height:19px}.keyboard-open .ref-phone-edge>button{width:31px;height:32px;min-height:32px;padding:2px;gap:1px;font-size:17px}.keyboard-open .ref-phone-edge svg{width:15px;height:15px}.keyboard-open .ref-phone-edge small{font-size:9px;line-height:9px}.keyboard-open .ref-phone-edge{border-radius:6px 0 0 6px}.left.open{top:calc(var(--live-top,0px) + 50px)!important;bottom:auto!important;height:calc(var(--live-height,100dvh) - 50px)!important;max-height:calc(var(--live-height,100dvh) - 50px)!important;min-height:0}.left #side-people,.left #side-rooms{min-height:0;overflow-y:auto;overscroll-behavior:contain}.keyboard-open .left #side-people,.keyboard-open .left #side-rooms{padding-top:8px!important;padding-bottom:10px!important}.keyboard-open .left .user{min-height:54px;padding-block:7px!important}.keyboard-open .ref-phone-panel-head{min-height:40px;height:40px}.keyboard-open .peoplefilters button{padding:7px 8px}.messages .bubble b{font-size:12px}.messages .bubble time{font-size:9px}.room-speakers .mic-seat small{font-size:11px}.desktop-room-clear{display:none}.social-notifications-button{margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.ref-phone-edge{transition:none}}

.room-clear-button[hidden]{display:none!important}.dm-indicator{position:relative}.dm-unread{display:grid;place-items:center;position:absolute;top:1px;right:1px;min-width:17px;height:17px;padding:0 3px;font:700 11px system-ui;font-style:normal;background:transparent;color:#df2946;border-radius:10px;box-shadow:none}.dm-unread[hidden]{display:none}.dm-person{position:relative;padding-right:38px!important}.dm-person .dm-unread{position:static;margin-left:auto;flex:none;background:transparent;box-shadow:none;color:#df2946;font-size:16px;min-width:23px;height:auto}.rank-role{display:block;max-width:100%;font:800 12px system-ui;letter-spacing:1px;line-height:1.6;background:transparent!important;border:0!important;box-shadow:none!important;color:#ad7436;text-shadow:0 1px 1px #c2943d22;white-space:normal;overflow-wrap:anywhere}.rank-role[data-rank=admin]{color:#b07a2c}.rank-role[data-rank=founder],.rank-role[data-rank=owner]{color:#8557b2}.rank-role[data-rank=manager]{color:#277f9c}.profile-rank{text-align:center;margin:4px 0 14px;font-size:17px}.rank-picker{display:grid;gap:10px;padding:8px 0}.rank-choice{padding:15px 18px;text-align:left;border-bottom:1px solid #e8edf0!important;font-size:16px;cursor:pointer}.rank-choice:hover{background:#f1f5f7!important}.grant-rank-button{color:#9b7335;background:#f9f3e7!important}body.dark .rank-role[data-rank=admin]{color:#f0c775}body.dark .rank-role[data-rank=founder],body.dark .rank-role[data-rank=owner]{color:#c9a7f3}body.dark .rank-role[data-rank=manager]{color:#79c8e2}body.dark .rank-choice{border-color:#374650!important}body.dark .rank-choice:hover{background:#2c3b46!important}body.dark .dm-unread{box-shadow:none}@media(max-width:700px){.ref-phone-head .dm-unread{top:2px;right:0;font-size:11px;min-width:17px;height:17px}.dm-person b{font-size:14px}.dm-person small{font-size:12px}.rank-role{font-size:12px}}

body.registered-account [data-register-cta],body.registered-account .join-notice,body.registered-account .ref-entry-footer,[data-register-cta][hidden],.join-notice[hidden]{display:none!important}.signup-cta,.ref-entry-footer button.signup-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 22px;min-height:43px;border:1px solid #8c6dcf33;border-radius:12px;background:linear-gradient(130deg,#8062ca,#5d85c8);color:#fff;font:600 14px system-ui;box-shadow:0 3px 12px #6d73b520;cursor:pointer}.signup-cta svg{width:21px;height:21px}.signup-cta:hover{filter:brightness(1.05)}.join-notice button.signup-cta{margin-top:10px;width:100%;font-size:14px}.ref-menu-row.signup-cta{margin:6px 0 12px;text-align:center;border-radius:10px}body.dark .signup-cta{border-color:#b6a0e65a}

/* Familiar crowned ranks with gentle animated stars and no boxes. */
.rank-role{letter-spacing:.3px;font-weight:850;line-height:1.8;text-shadow:none;white-space:nowrap}.rank-role .rank-title{font-size:1em;letter-spacing:.65px}.rank-role .rank-crown,.rank-role .rank-star{display:inline-block;vertical-align:middle;font-size:1.08em;line-height:1;margin:0 1px}.rank-role .rank-star{animation:rank-star-shine 2.8s ease-in-out infinite;filter:drop-shadow(0 0 2px #ffc74755)}.rank-role .rank-star:nth-last-child(2){animation-delay:1.1s}.rank-role[data-rank=admin]{color:#c28b17;text-shadow:0 0 7px #e6b53e26}.rank-role[data-rank=founder],.rank-role[data-rank=owner]{color:#9660d3;text-shadow:0 0 7px #b58bdd2a}.rank-role[data-rank=manager]{color:#2492b3;text-shadow:0 0 7px #5abddc30}.rank-picker .rank-choice{white-space:normal;display:flex;align-items:center;justify-content:center;gap:3px}.profile-rank{font-size:18px}.dm-clear-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #dce3e8;border-radius:8px;background:#f3f6f8;color:#617985;font-size:12px;cursor:pointer}.dm-clear-button:hover{background:#eaf0f3}.dm-clear-button:disabled{opacity:.5}.dm-clear-all{align-self:flex-end;margin:0 0 12px;flex:none}.dm-header .dm-clear-conversation{margin-left:auto;padding:8px;font-size:11px;white-space:nowrap}.dm-header{flex-wrap:wrap;gap:6px}body.dark .dm-clear-button{background:#2b3b47;border-color:#43545f;color:#d2dfe7}@keyframes rank-star-shine{0%,100%{transform:scale(1);filter:brightness(1) drop-shadow(0 0 1px #f5c14444)}50%{transform:scale(1.13);filter:brightness(1.2) drop-shadow(0 0 4px #f7c94a77)}}@media(prefers-reduced-motion:reduce){.rank-role .rank-star{animation:none}}@media(max-width:700px){.rank-role{font-size:11.5px}.profile-rank{font-size:17px}.dm-header .dm-clear-conversation{font-size:11px}.dm-clear-all{font-size:12px}}
#people-list .user .member-type.rank-role[data-rank=admin]{color:#c28b17!important}#people-list .user .member-type.rank-role[data-rank=founder],#people-list .user .member-type.rank-role[data-rank=owner]{color:#9660d3!important}#people-list .user .member-type.rank-role[data-rank=manager]{color:#2492b3!important}body.dark #people-list .user .member-type.rank-role[data-rank=admin]{color:#f4cb62!important}body.dark #people-list .user .member-type.rank-role[data-rank=founder],body.dark #people-list .user .member-type.rank-role[data-rank=owner]{color:#c99af5!important}body.dark #people-list .user .member-type.rank-role[data-rank=manager]{color:#73d4ee!important}

/* Transparent microphone seats and readable people rows on all screens. */
body .room-speakers,body.dark .room-speakers,body .room-speakers .mic-seat,body .room-speakers .empty-mic-icon,body.dark .room-speakers .mic-seat,body.dark .room-speakers .empty-mic-icon{background:transparent!important;background-image:none!important;box-shadow:none!important;}
body #people-list .person-name{font-size:15px!important;line-height:1.35;}
body #people-list .small,body #people-list .member-type{font-size:13px!important;line-height:1.4;}
.desktop-lobby-menu,.desktop-profile-menu{display:grid;place-items:center;width:36px;height:36px;padding:7px;border-radius:8px;background:transparent;color:inherit;}
.desktop-lobby-menu{font-size:22px}.desktop-profile-menu svg{width:22px;height:22px}
.blocked-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #8883}.blocked-user-row button{padding:8px 12px;border-radius:7px}
@media(max-width:700px){.desktop-lobby-menu,.desktop-profile-menu{display:none!important}}
/* Use the same full-width menu rows on desktop and phone. */
#utility .ref-menu-row{display:flex;align-items:center;width:100%;min-height:44px;margin:0;padding:12px 10px;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid #8882;border-radius:0;font:inherit;font-size:14px;gap:9px;}
#utility .ref-menu-row:hover{background:#7c91b312}#utility .ref-menu-row:last-child{border-bottom:0}
.person-admin-menu{position:relative;float:right;margin:0 0 8px 12px;z-index:3}.person-admin-menu summary{list-style:none;cursor:pointer;color:#920f26;font-size:15px;font-weight:800;padding:9px 12px;border-radius:8px;background:#a90f2810}.person-admin-menu summary::-webkit-details-marker{display:none}.person-admin-commands{position:absolute;right:0;top:100%;width:230px;max-height:55dvh;overflow:auto;box-shadow:0 8px 28px #0003;border:1px solid #951a2a33;border-radius:10px;padding:5px;background:#fff;color:#25364d}.person-admin-commands button{display:block;width:100%;margin:0;text-align:left;font-size:13px;padding:10px;background:transparent;color:inherit;border-radius:6px}.person-admin-commands button:hover{background:#a90f2810}.person-admin-commands button:disabled{opacity:.45}.bot-label{display:inline-block;font:700 9px system-ui;letter-spacing:.5px;color:#526e8d;background:#718eab15;border-radius:4px;padding:2px 4px;margin-left:6px;vertical-align:middle}.management-panel-link{color:#981b30!important;font-weight:700!important}body.dark .person-admin-commands{background:#202c39;color:#edf1f6}body.dark .person-admin-menu summary{color:#ff8596}
#person-profile h2{padding-right:95px;overflow-wrap:anywhere}#utility dt{font-weight:700;margin-top:10px}#utility dd{margin:4px 0 10px;overflow-wrap:anywhere}
#person-profile .person-admin-menu{position:absolute;right:16px;top:12px;margin:0;float:none;width:auto}#person-profile .person-admin-menu summary{width:auto;white-space:nowrap}#person-profile .person-admin-commands{max-height:min(55dvh,360px);box-sizing:border-box}#person-profile .person-actions{display:flex;flex-wrap:wrap;gap:5px}#person-profile .person-actions button{max-width:100%;overflow-wrap:anywhere}#person-profile{overflow-x:hidden!important;box-sizing:border-box}
@media(max-width:700px){#person-profile .person-admin-commands{max-height:min(40dvh,280px)}#person-profile h2{padding-right:105px;font-size:20px}}
/* Center and clarify arrival notices while retaining staff-only details. */
#messages .entry-notice{justify-content:center;text-align:center;width:100%;box-sizing:border-box;gap:8px;padding:8px 10px;margin:7px 0;color:#42556b;font-size:13px;line-height:1.6}
#messages .entry-notice b{font-weight:750;color:#30445b}
#messages .entry-notice button:not(.avatar){min-width:48px;min-height:30px;padding:4px 11px;border:1px solid #70869c40;border-radius:7px;background:#ffffffb8;color:#314f6c;font-size:13px;font-weight:650;line-height:1.4}
body.dark #messages .entry-notice{color:#c4d1df}body.dark #messages .entry-notice b{color:#e5edf5}body.dark #messages .entry-notice button:not(.avatar){background:#26394dde;border-color:#71869c66;color:#e1ecf7}
#messages .entry-notice{display:grid;grid-template-columns:auto auto;justify-content:center}#messages .entry-notice>span{grid-column:1/-1}#messages .entry-notice>.avatar{display:none}#messages .entry-notice>button:not(.avatar){grid-row:2}
/* Sharp toolbar symbols retain original button targets and unread counters. */
.toolbar-icon-button .toolbar-svg{width:23px;height:23px;flex:none;display:block;overflow:visible;shape-rendering:geometricPrecision}.toolbar-svg .icon-accent{fill:currentColor;fill-opacity:.13;stroke:none}
.toolbar-icon-button[data-icon-tone=messages]{color:#2977bf}.toolbar-icon-button[data-icon-tone=bell]{color:#b57c27}.toolbar-icon-button[data-icon-tone=profile]{color:#7661ae}.toolbar-icon-button[data-icon-tone=settings]{color:#57718b}.toolbar-icon-button[data-icon-tone=people]{color:#398583}.toolbar-icon-button[data-icon-tone=rooms]{color:#557bc0}
.ref-phone-head>.toolbar-icon-button{border-radius:11px;margin:3px 0;padding:6px;background:transparent;transition:background .15s,transform .15s}.ref-phone-head>.toolbar-icon-button:hover,.toolbar-icon-button:focus-visible{background:#6884a514}.toolbar-icon-button:active .toolbar-svg{transform:scale(.93)}.ref-phone-head .ref-count{font-weight:650;color:#53677e;background:transparent;font-size:10px}
.ref-phone-edge .toolbar-svg{width:21px;height:21px}.side-tabs .toolbar-svg{width:21px;height:21px}.desktop-lobby-menu .toolbar-svg,.desktop-profile-menu .toolbar-svg{width:24px;height:24px}.desktop-profile-menu{background:#7661ae0d}
body.dark .toolbar-icon-button[data-icon-tone=messages]{color:#80bdfa}body.dark .toolbar-icon-button[data-icon-tone=bell]{color:#e3b768}body.dark .toolbar-icon-button[data-icon-tone=profile]{color:#c0a7ed}body.dark .toolbar-icon-button[data-icon-tone=settings]{color:#a5b8cf}body.dark .toolbar-icon-button[data-icon-tone=people]{color:#8bcecb}body.dark .toolbar-icon-button[data-icon-tone=rooms]{color:#9bbdf4}body.dark .ref-phone-head .ref-count{color:#ccd8e5}
@media(max-width:700px){.keyboard-open .ref-phone-edge .toolbar-svg{width:16px;height:16px}.ref-phone-head .toolbar-svg{width:24px;height:24px}}
.avatar-frame{display:inline-grid;position:relative;isolation:isolate;width:100%;height:100%;vertical-align:middle;border-radius:50%;overflow:visible;flex:none}.avatar-frame>img{display:block!important;width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;margin:0!important}.avatar-frame[data-frame]:not([data-frame=none])::before{content:'';position:absolute;inset:-3px;border:2px solid var(--frame-color,#e1b248);border-radius:50%;pointer-events:none;box-shadow:0 0 9px color-mix(in srgb,var(--frame-color,#e1b248),transparent 55%);animation:avatar-frame-breathe 2.8s ease-in-out infinite}.avatar-frame[data-frame=crown]{--frame-color:#dfad3c}.avatar-frame[data-frame=neon]{--frame-color:#9a70ed}.avatar-frame[data-frame=rose]{--frame-color:#ee7caa}.avatar-frame[data-frame=ice]{--frame-color:#60c6e9}.avatar-frame[data-frame=neon]::before{border-color:#9a70ed #6adddf #df8ce0 #9a70ed;animation:avatar-frame-turn 8s linear infinite}.avatar-frame[data-frame=rose]::after,.avatar-frame[data-frame=ice]::after{content:'✦';position:absolute;right:-5px;bottom:-7px;font-size:20px;color:var(--frame-color);text-shadow:0 0 8px currentColor;animation:avatar-frame-breathe 2.4s ease-in-out infinite;pointer-events:none}.avatar-frame[data-frame=crown]::after{content:'';position:absolute;width:24px;height:24px;right:-8px;bottom:-7px;background:linear-gradient(135deg,#fff0a1,#e3a21d 65%,#a7650e);clip-path:polygon(4% 25%,28% 46%,50% 8%,72% 46%,96% 25%,83% 83%,17% 83%);filter:drop-shadow(0 2px 2px #68420055);transform-origin:center;animation:avatar-crown-turn 5s ease-in-out infinite;pointer-events:none;z-index:2}.frame-profile{display:block;width:110px;height:110px;margin:18px auto 26px}.frame-profile[data-frame=crown]::after{width:34px;height:34px;right:-7px;bottom:-7px}.settings-self .avatar-frame{width:48px;height:48px}.avatar-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 2px}.avatar-frame-choice{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:20px 10px 14px;border:1px solid #8b9cb544;border-radius:15px;background:transparent;color:inherit}.avatar-frame-choice[aria-pressed=true]{border-color:#8c65d5;background:#8c65d510;box-shadow:0 0 0 2px #8c65d51c}.frame-preview{display:block;width:70px;height:70px;margin:3px 8px}.avatar-frame-choice b{font-size:13px;font-weight:650}.frame-preference-button{padding:14px 10px;border-radius:9px;background:#8c65d510;color:inherit;text-align:left;font:inherit;cursor:pointer}.frame-save-status{font-size:13px;color:#577c64;min-height:20px}body.dark .frame-save-status{color:#9fd9b0}.avatar-frame-choice:disabled{opacity:.7}.user .avatar{overflow:visible!important}
@keyframes avatar-crown-turn{0%,15%{transform:perspective(80px) rotateY(0) rotate(-9deg)}75%,100%{transform:perspective(80px) rotateY(360deg) rotate(-9deg)}}@keyframes avatar-frame-turn{to{transform:rotate(360deg)}}@keyframes avatar-frame-breathe{0%,100%{opacity:.75;filter:brightness(1)}50%{opacity:1;filter:brightness(1.2)}}
@media(prefers-reduced-motion:reduce){.avatar-frame::before,.avatar-frame::after{animation:none!important}}
/* Compact frame picker and refined membership form. */
.frame-profile{width:80px;height:80px;margin:12px auto 18px}.frame-profile[data-frame=crown]::after{width:25px;height:25px;right:-6px;bottom:-5px}.avatar-frame[data-frame=crown]::after{width:19px;height:19px;right:-5px;bottom:-5px}.frame-preview{width:48px;height:48px;margin:3px 4px}.avatar-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:4px 1px}.avatar-frame-choice{min-width:0;padding:12px 5px 10px;gap:12px;border-radius:12px}.avatar-frame-choice b{font-size:11px;line-height:1.3;overflow-wrap:anywhere}.frame-save-status{margin:8px 0 0;font-size:12px}.avatar-frames-view#utility{width:min(440px,94vw);max-height:calc(var(--live-height,100dvh) - 24px)!important;overflow-y:auto}.avatar-frames-view#utility #utility-body>p:first-child{font-size:12px;line-height:1.5;margin:0 0 10px}.avatar-frames-view#utility h2{font-size:18px}.avatar-frame[data-frame=crown]{--frame-color:#dfa932}.avatar-frame[data-frame=rose]{--frame-color:#e46f9e}.avatar-frame[data-frame=ice]{--frame-color:#75c5e7}.avatar-frame[data-frame]:not([data-frame=none])::before{border-width:2px;inset:-2px;box-shadow:0 0 0 1px #ffffff80,0 0 8px color-mix(in srgb,var(--frame-color),transparent 62%)}.avatar-frame[data-frame=crown]::before{border-color:#dfad3c #f8e5a0 #c98925 #f4d278}.avatar-frame[data-frame=rose]::before{border-style:double;border-width:3px}.avatar-frame[data-frame=ice]::before{border-color:#a4e3f5 #61add1 #c4f2ff #78c4e7}.avatar-frame[data-frame=neon]::before{box-shadow:0 0 6px #af83eb66,0 0 0 1px #d8beff66}
.membership-dialog{width:min(410px,calc(100vw - 24px));box-sizing:border-box;padding:25px;border-radius:20px;max-height:calc(var(--live-height,100dvh) - 24px);overflow:auto}.membership-dialog h2{font-size:24px;letter-spacing:-.5px;margin:0 0 8px}.membership-dialog .auth-intro{font-size:13px;line-height:1.6;margin:0 0 20px;color:#778696}.membership-dialog form{display:grid;gap:12px}.membership-dialog label{display:grid;gap:6px;font-size:13px;font-weight:650;color:#41536b}.membership-dialog input,.membership-dialog select{box-sizing:border-box;width:100%;margin:0;padding:13px 12px;border:1px solid #cbd6e3;border-radius:10px;background:#f8fafc;color:#263b53;font:16px system-ui;min-width:0}.membership-dialog input:focus,.membership-dialog select:focus{outline:2px solid #7e9de044;outline-offset:1px;border-color:#7391d3}.membership-dialog .password-control{position:relative;display:block}.membership-dialog .password-control input{padding-right:72px}.membership-dialog .password-visibility{position:absolute;right:6px;top:6px;bottom:6px;margin:0;padding:0 8px;background:transparent;color:#5876a2;font-size:12px;font-weight:650}.membership-dialog .auth-password-help{font-size:11px;color:#8290a1;margin-top:-8px}.membership-dialog .auth-password-help:empty{display:none}.membership-dialog [role=alert]{color:#b5374d;font-size:12px;margin:0;line-height:1.5}.membership-dialog [role=alert]:empty{display:none}.membership-dialog [type=submit]{margin:2px 0 0;padding:13px;font-size:14px;font-weight:700;border-radius:11px;background:linear-gradient(120deg,#547bc7,#7569c6)}.membership-dialog .switch-mode,.membership-dialog .close-auth{margin:0;padding:9px;background:transparent;color:#647b9d;font-size:12px}.membership-dialog .close-auth{color:#8993a3;padding:4px}body.dark .membership-dialog{background:#202b39;color:#ebf0f6}body.dark .membership-dialog label{color:#cad7e8}body.dark .membership-dialog input,body.dark .membership-dialog select{background:#182332;border-color:#40516a;color:#edf2f7}
@media(max-width:700px){.avatar-frames-view#utility[open]{inset:auto 6px max(6px,env(safe-area-inset-bottom))!important;width:calc(100% - 12px)!important;max-width:440px!important;border-radius:16px!important;margin:0 auto!important;padding:16px!important}.membership-dialog[open]{inset:0;margin:auto;max-height:calc(var(--live-height,100dvh) - 20px);padding:22px}}
@media(max-width:330px){.avatar-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.admin-dashboard-view#utility{width:min(960px,94vw);max-height:90dvh;padding:24px}.admin-dashboard-hero{padding:20px;border-radius:16px;background:linear-gradient(115deg,#354b72,#7564a5);color:white;margin:8px 0 14px}.admin-dashboard-hero b{font-size:22px;letter-spacing:-.5px}.admin-dashboard-hero p{font-size:13px;margin:7px 0 0;color:#e1e7f3}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-metrics>div{display:grid;gap:5px;padding:14px;border:1px solid #8e9bb92b;border-radius:12px;background:#6f84ac09}.admin-metrics strong{font-size:25px;color:#53669b}.admin-metrics span{font-size:11px;color:#8691a4}.admin-dashboard-search{margin:5px 0 14px!important}#utility.admin-dashboard-view .room-admin-panel .admin-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#utility.admin-dashboard-view .room-admin-panel .admin-tile-grid>button{min-height:105px;border:1px solid #8093b32b;border-radius:13px;background:linear-gradient(140deg,#f8fafd,#eef2f8);color:#405676;box-shadow:none;font-size:13px;transition:transform .15s,border-color .15s}#utility.admin-dashboard-view .room-admin-panel .admin-tile-grid>button:hover{transform:translateY(-2px);border-color:#8d91c9}#utility.admin-dashboard-view .room-admin-panel .admin-tile-grid>button>span{display:grid;place-items:center;margin:0 auto 9px;width:38px;height:38px;border-radius:11px;background:#687eac12;color:#657ea8;font-size:23px}#utility.admin-dashboard-view .room-admin-panel .admin-tile-grid>button:nth-child(3n)>span{background:#8b6ca112;color:#9a77ae}#utility.admin-dashboard-view .room-admin-panel .admin-tile-grid>button:nth-child(3n+1)>span{background:#538f8b12;color:#4c9994}#utility.admin-dashboard-view .room-admin-panel .admin-tile-grid>button[hidden],.dm-person[hidden]{display:none!important}.admin-section-head h3{font-size:20px}.room-admin-panel .admin-field{padding:10px 0;border-bottom:1px solid #8899aa20}.admin-image-field{display:grid;gap:10px}.admin-upload-preview{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid #8b9bb744}.admin-image-field input[type=file]{font-size:12px;padding:12px;background:#7187a40b;border-radius:9px}.admin-upload-remove{font-size:12px;padding:7px 10px;background:transparent;color:#a15868}.admin-danger-button{padding:13px 18px;border-radius:9px;background:#a72b43;color:white;font-weight:700}#system-countdown{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100000;max-width:calc(100vw - 24px);padding:14px 20px;border-radius:12px;background:#9c263c;color:white;box-shadow:0 8px 35px #0004;font-size:15px;text-align:center}.admin-room-table{display:block;overflow:auto;white-space:nowrap}.admin-room-table th{font-size:11px;letter-spacing:.3px}.admin-room-table td{padding:12px 10px;font-size:12px}.room-list-portrait{width:38px;height:38px;object-fit:cover;border-radius:9px;flex:none;margin-right:8px}
.dm-conversation-search{font-size:14px!important;padding:11px!important;margin:8px 0!important}.dm-person .dm-list-time{margin-left:auto;align-self:flex-start;font-size:10px;color:#94a0af;white-space:nowrap}.dm-contact-info{display:grid;gap:4px;min-width:50px;flex:1}.dm-contact-info b{font-size:13px}.dm-contact-info small{font-size:10px;color:#8396a5}.dm-header{flex-wrap:wrap;border-bottom:1px solid #879aaf20}.dm-header>button{padding:6px!important;font-size:11px}.dm-typing{height:17px;font-size:11px;color:#6c87a5;padding:3px 0}.dm-delivery{display:block;font-size:9px;color:#8c9aa8;text-align:right;margin-top:4px}.dm-delivery.read{color:#4a93b6}#live-dm-list{padding:8px 3px;background:#8ba0bc09;border-radius:10px}#live-dm-list .dm-own{justify-content:flex-end}#live-dm-list .dm-own>.avatar{display:none}#live-dm-list .dm-own .bubble{background:#e9eefb!important;border-radius:12px 3px 12px 12px}#live-dm-list .msg:not(.dm-own) .bubble{border-radius:3px 12px 12px 12px}.dm-attach{padding:8px 10px!important;font-size:24px;color:#667e9f;background:transparent}.dm-compose input{font-size:16px!important;border-radius:12px!important}.dm-compose .blue{border-radius:12px}
.avatar-frame[data-frame=sapphire]{--frame-color:#557ada}.avatar-frame[data-frame=emerald]{--frame-color:#4eaf97}.avatar-frame[data-frame=ruby]{--frame-color:#ce596e}.avatar-frame[data-frame=galaxy]{--frame-color:#9a69c5}.avatar-frame[data-frame=angel]{--frame-color:#c5b58d}.avatar-frame[data-frame=sapphire]::after,.avatar-frame[data-frame=emerald]::after,.avatar-frame[data-frame=ruby]::after{content:'◆';position:absolute;bottom:-5px;right:-4px;font-size:17px;color:var(--frame-color);text-shadow:0 0 5px #fff;animation:avatar-frame-breathe 3s infinite}.avatar-frame[data-frame=galaxy]::before{border-color:#a77bdf #6687cf #d58bb8 #8b9ee0;animation:avatar-frame-turn 10s linear infinite}.avatar-frame[data-frame=galaxy]::after{content:'✧';position:absolute;right:-5px;bottom:-7px;font-size:22px;color:#ac84d9;animation:avatar-crown-turn 8s infinite}.avatar-frame[data-frame=angel]::after{content:'❧';position:absolute;bottom:-8px;right:-8px;color:#d9c698;font-size:26px;text-shadow:0 1px 2px #87744755;animation:avatar-frame-breathe 3s infinite}.avatar-frames-view .frame-preview{width:42px;height:42px}.avatar-frames-view .avatar-frame-choice{padding:9px 4px;gap:10px}.avatar-frames-view .avatar-frame-choice b{font-size:10.5px}
body.dark .admin-dashboard-hero{background:linear-gradient(115deg,#25364f,#514368)}body.dark .admin-metrics strong{color:#b4c9eb}body.dark #utility.admin-dashboard-view .room-admin-panel .admin-tile-grid>button{background:linear-gradient(140deg,#233044,#293548);color:#d5dfef}body.dark #live-dm-list .dm-own .bubble{background:#324361!important}
@media(max-width:700px){.admin-dashboard-view#utility[open]{inset:0!important;width:100%!important;height:var(--live-height,100dvh)!important;max-height:var(--live-height,100dvh)!important;border-radius:0!important;padding:16px!important;box-sizing:border-box}#utility.admin-dashboard-view .room-admin-panel .admin-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metrics{gap:6px}.admin-metrics>div{padding:10px}.admin-metrics strong{font-size:21px}.admin-dashboard-hero b{font-size:19px}.dm-header .dm-contact-info{min-width:120px}.dm-header img{width:34px;height:34px}.dm-header{gap:4px}.dm-compose{gap:4px}.dm-compose>.blue{padding:10px!important}}
/* Keep admin form controls within the phone viewport. */
.admin-dashboard-view #utility-body,.room-admin-panel,.room-admin-panel form{min-width:0;max-width:100%;box-sizing:border-box}.admin-dashboard-view #utility-body{overflow-x:hidden}.admin-image-field input[type=file]{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:700px){.room-admin-panel .admin-field{display:grid;grid-template-columns:1fr;gap:8px}.room-admin-panel .admin-field>:is(input:not([type=checkbox]),select,textarea){width:100%}.room-admin-panel .admin-field:has(input[type=checkbox]){display:flex}.admin-dashboard-view#utility header button{color:inherit}.room-admin-panel .admin-section-head{max-width:100%;min-width:0}}
#utility.admin-dashboard-view .admin-field>input[type=checkbox]{width:19px!important;min-width:19px!important;max-width:19px!important;flex:0 0 19px;margin:0;padding:0}#utility.admin-dashboard-view .admin-field>span{min-width:0;width:auto}#utility.admin-dashboard-view .admin-dashboard-hero p{color:#e1e7f3}

/* Mobile microphone seats have no filled backing, including theme overrides. */
@media(max-width:700px){body .room-speakers,body .room-speakers .mic-seat,body .room-speakers .empty-mic-icon,body.dark .room-speakers,body.dark .room-speakers .mic-seat,body.dark .room-speakers .empty-mic-icon{background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important}body .room-speakers .mic-seat::before,body .room-speakers .mic-seat::after{background:transparent!important;box-shadow:none!important}.room-speakers .empty-mic-icon{border:0!important}.room-speakers .mic-seat.empty:disabled{opacity:.7}}
/* Microphone buttons are bare targets, never browser-native square controls. */
body .room-speakers .mic-seat,body.dark .room-speakers .mic-seat{appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:3px!important;min-height:0!important;min-width:0!important;overflow:visible;-webkit-tap-highlight-color:transparent}
body .room-speakers .mic-seat>img{border-radius:50%!important;aspect-ratio:1;object-fit:cover;clip-path:circle(50%)}
body .room-speakers .empty-mic-icon{border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
body .room-speakers .mic-seat:focus-visible>img,body .room-speakers .mic-seat:focus-visible>.empty-mic-icon{outline:2px solid #6c9cc9;outline-offset:3px}
/* Refined portrait collection: metal finishes without emoji ornaments. */
body .avatar-frame[data-frame]::after{content:none!important;display:none!important}body .avatar-frame[data-frame]::before{animation:none!important;filter:none!important;inset:-3px;border:2px solid var(--frame-color);box-shadow:0 0 0 1px #ffffffb0,0 2px 5px #26344518}
body .avatar-frame[data-frame=crown]{--frame-color:#b59a64}body .avatar-frame[data-frame=crown]::before{border:3px double #b59a64;inset:-4px}
body .avatar-frame[data-frame=neon]{--frame-color:#828e9a}body .avatar-frame[data-frame=neon]::before{border-color:#aeb8c1 #687682 #aeb8c1 #687682}
body .avatar-frame[data-frame=rose]{--frame-color:#b68e88}body .avatar-frame[data-frame=rose]::before{border:3px double #b68e88}
body .avatar-frame[data-frame=ice]{--frame-color:#a2afba}body .avatar-frame[data-frame=ice]::before{border-color:#d7dfe5 #8b9baa #d7dfe5 #8b9baa}
body .avatar-frame[data-frame=sapphire]{--frame-color:#425d7c}body .avatar-frame[data-frame=emerald]{--frame-color:#527b6d}body .avatar-frame[data-frame=ruby]{--frame-color:#885a65}body .avatar-frame[data-frame=galaxy]{--frame-color:#6b6381}body .avatar-frame[data-frame=galaxy]::before{border:3px double #6b6381}body .avatar-frame[data-frame=angel]{--frame-color:#c0b6a1}body .avatar-frame[data-frame=angel]::before{border:2px dotted #c0b6a1;inset:-4px}
body .avatar-frame[data-frame=none]::before{content:none!important}.avatar-frame-choice{border:1px solid #dce2e8;border-radius:12px;background:#fafbfc}.avatar-frame-choice[aria-pressed=true]{border-color:#7e8e9e;background:#f0f3f6;box-shadow:0 0 0 1px #7e8e9e30}.avatar-frame-choice b{font-weight:500!important;color:#506174}
/* White matte microphone strip with bare circular controls. */
body .room-speakers,body.dark .room-speakers{background:#f7f8f9!important;background-image:none!important;border:0!important;border-bottom:1px solid #dfe4e966!important;box-shadow:none!important}body.dark .room-speakers{background:#e9ecef!important;color:#485967}body .room-speakers .mic-seat,body .room-speakers .empty-mic-icon{background:transparent!important}
#people-list .user .hand-mark{font-size:14px!important;line-height:18px;width:18px;min-width:18px;height:18px;padding:0;margin-left:5px;filter:grayscale(.4)}
#people-list .user{gap:10px!important;padding:12px 6px!important;border-bottom:1px solid #9baaba18!important}#people-list .user .avatar{width:38px;height:38px;flex:none}#people-list .user .avatar img{width:38px;height:38px}#people-list .person-name{font-size:14px!important;font-weight:650;line-height:1.5}#people-list .person-live-indicators{display:inline-flex;vertical-align:middle;align-items:center;gap:5px;margin:0 5px;color:#607d8c}#people-list .person-live-indicators>span{display:inline-flex}#people-list .person-live-indicators svg{width:14px;height:14px;stroke-width:1.7}#people-list .user .device-mark{opacity:.65}#people-list .user .small{font-size:11px!important;color:#8996a1}
.profile-editor-view#utility{width:min(480px,94vw);box-sizing:border-box}.profile-editor{gap:14px}.profile-editor-intro{margin:0;color:#83909e;font-size:12px;line-height:1.65}.profile-editor-hero{display:flex;align-items:center;gap:18px;padding:18px;background:#71829908;border:1px solid #8b9ba51c;border-radius:16px}.profile-editor-hero>img{width:76px!important;height:76px!important;object-fit:cover;border-radius:50%;margin:0!important}.profile-editor-identity{display:grid;gap:7px;min-width:0}.profile-editor-identity strong{font-size:18px;overflow-wrap:anywhere}.profile-editor-identity small{font-size:11px;color:#84919c}.profile-photo-tools{display:flex;gap:8px}.profile-photo-tools button{padding:10px 15px;border-radius:9px;font-size:12px}.profile-upload{background:#4d657d;color:white}.profile-photo-reset{background:#f1f3f5;color:#7b8793}.profile-photo-reset[hidden]{display:none}.profile-photo-help{font-size:10px;color:#93a0ab;margin-top:-8px}.profile-frame-link{padding:12px;background:transparent;color:#71839a;text-align:left;font-size:12px;border-bottom:1px solid #8b9ba522}.profile-avatar-options{border:1px solid #8b9ba52a!important;border-radius:12px;padding:12px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.profile-avatar-options legend{font-size:12px;color:#7e8c99;padding:0 6px}.profile-avatar-options button{min-width:0;min-height:36px;margin:0!important;padding:6px!important;font-size:22px;border-radius:9px!important;background:#7a8d9d08}.profile-avatar-options button[aria-pressed=true]{outline:1px solid #7991a8;background:#7991a818}.profile-bio-label{display:grid;gap:8px;font-size:12px;color:#667c90}.profile-bio-label textarea{box-sizing:border-box;min-height:90px!important;margin:0!important;font-size:14px!important}.profile-bio-count{justify-self:end;color:#92a0ad;font-size:10px}.profile-editor [type=submit]{width:100%;border-radius:10px;padding:12px;background:#526d85}.profile-editor [role=status]{font-size:12px;margin:0;color:#6c897c;min-height:16px}body.dark .avatar-frame-choice{background:#253342;border-color:#435363}body.dark .avatar-frame-choice b{color:#c4d0db}body.dark .profile-editor-hero{background:#71829912}body.dark .profile-photo-reset{background:#344452;color:#c7d1da}
#utility.profile-editor-view .profile-editor [type=submit]{background:#526d85!important;color:white}#utility.profile-editor-view .profile-photo-tools .profile-upload{background:#526d85;color:white}
@media(max-width:700px){#utility.profile-editor-view[open]{inset:calc(var(--live-top,0px) + 40px) 7px auto!important;width:calc(100% - 14px)!important;height:calc(var(--live-height,100dvh) - 48px)!important;max-height:calc(var(--live-height,100dvh) - 48px)!important;border-radius:16px!important;padding:16px!important;box-sizing:border-box;margin:0!important}#utility.profile-editor-view #utility-body{overflow:auto;min-height:0}.profile-editor-hero{padding:14px}}
/* Identical photo geometry in both themes: fit the whole image, never zoom it. */
body #messages .chat-image,body.dark #messages .chat-image,body #live-dm-list .chat-image,body.dark #live-dm-list .chat-image{display:block!important;width:auto!important;height:auto!important;max-width:min(170px,42vw)!important;max-height:190px!important;object-fit:contain!important;border-radius:10px;margin:8px 0}
body .messages[data-background=site-lake],body.dark .messages[data-background=site-lake]{background-image:url('/login-lake.png')!important;background-color:#243c43!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
body .messages[data-background=orman],body.dark .messages[data-background=orman],body .messages[data-background=gece],body.dark .messages[data-background=gece],body .messages[data-background=cicek],body.dark .messages[data-background=cicek],body .messages[style*="background-image"],body.dark .messages[style*="background-image"]{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
/* Frames have explicit dimensions in each context and do not resize portraits. */
.avatar-frame{box-sizing:border-box;max-width:100%;aspect-ratio:1}.user .avatar>.avatar-frame{width:38px!important;height:38px!important}.settings-self .avatar-frame{width:48px!important;height:48px!important}.frame-preview>.avatar-frame{width:42px!important;height:42px!important}.avatar-frame.frame-profile{width:80px!important;height:80px!important}.avatar-frame>img{min-width:0!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1!important}.avatar-frames-view#utility #utility-body{overflow-x:hidden;min-width:0}.avatar-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 3px;gap:10px}.avatar-frame-choice{min-height:104px;box-sizing:border-box;overflow:visible}.avatar-frame-choice b{max-width:100%;white-space:normal;line-height:1.4}.avatar-frames-view .frame-preview{flex:none}.avatar-frame[data-frame=none]{box-shadow:none!important}
/* Quiet people list with consistent portraits, dividers and aligned status details. */
#people-list{padding:4px 6px 12px;scrollbar-width:thin}#people-list .user{position:relative;display:flex;align-items:center;gap:12px!important;min-height:76px;padding:12px 5px!important;border-radius:0!important;border-bottom:1px solid #9baaba20!important}#people-list .user>.avatar{margin:0 3px;flex:0 0 38px}#people-list .user .person-name{font-weight:650;font-size:14px!important;letter-spacing:.1px;color:#344b60}#people-list .user .small{color:#8b99a5!important;line-height:1.6;font-size:11px!important}#people-list .member-type:not(.rank-role){font-size:11px!important;color:#728798!important}#people-list .user .device-mark{margin-left:auto;flex:none;width:18px;height:18px}#people-list .user .device-mark svg{width:17px;height:17px;stroke-width:1.4}#people-list .person-live-indicators{margin-left:0;gap:6px;color:#558d87}#people-list .user .hand-mark{flex:none;margin-left:3px}#side-people .peoplefilters{display:flex;gap:5px;padding:5px 0 12px;border:0}#side-people .peoplefilters button{flex:1;border:0;border-radius:8px;padding:10px 5px;background:#8295a20b;color:#82929f;font-size:11px}#side-people .peoplefilters button.active{color:#4f6f89;background:#718da619;box-shadow:none}#people-search{border-radius:10px!important;font-size:13px!important;background:#879cab08!important;border:1px solid #879cab20!important}body.dark #people-list .user .person-name{color:#d4e0e9}body.dark #people-list .member-type:not(.rank-role){color:#a4b4c2!important}body.dark #side-people .peoplefilters button.active{color:#c6d9e8;background:#718da62a}
/* Fill the lobby width consistently in both themes. */
body .messages[data-background=site-lake],body.dark .messages[data-background=site-lake],body .messages[data-background=orman],body.dark .messages[data-background=orman],body .messages[data-background=gece],body.dark .messages[data-background=gece],body .messages[data-background=cicek],body.dark .messages[data-background=cicek],body .messages[style*="background-image"],body.dark .messages[style*="background-image"]{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
/* Clear the whole microphone/header surface, not just its inner buttons. */
body header,body.dark header,body .roomhead,body.dark .roomhead,body .room-speakers,body.dark .room-speakers,body .room-speakers+.small,body.dark .room-speakers+.small,body .ref-phone-head,body.dark .ref-phone-head,body #live-media-area,body.dark #live-media-area{background:transparent!important;background-color:rgba(255,255,255,0)!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body main,body.dark main{background-color:transparent!important}.room-speakers+.small{margin:0;padding:3px 10px}
/* A compact app drawer for room participants. */
.drawer-people-search{display:flex;align-items:center;gap:10px;margin:4px 0 14px;padding:0 14px;min-height:46px;border:1px solid #e5eaf0;border-radius:24px;background:#f5f7fa;color:#8b9bab;box-sizing:border-box}.drawer-people-search>svg{width:19px;height:19px;flex:none;stroke-width:1.7}#side-people .drawer-people-search #people-search{width:100%;min-width:0;margin:0!important;padding:12px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0;font:13px system-ui;color:#40556c}.drawer-people-search:focus-within{border-color:#9fbfdf;box-shadow:0 0 0 3px #4b91d410}.drawer-people-search input::placeholder{color:#99a6b4}
#people-list{padding:3px 2px 14px!important}#people-list .user.drawer-person{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;column-gap:12px!important;row-gap:7px;margin:0 0 7px;padding:13px 8px!important;min-height:76px;border:0!important;border-bottom:1px solid #e9edf360!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}#people-list .user.drawer-person:hover{background:#f4f7fa!important}#people-list .drawer-person>.avatar{position:relative;grid-column:1;width:42px!important;height:42px!important;margin:0!important;overflow:visible!important;align-self:center;border-radius:50%!important}#people-list .drawer-person>.avatar img{width:42px!important;height:42px!important;object-fit:cover!important;border-radius:50%!important}#people-list .drawer-person>.avatar>.avatar-frame{width:42px!important;height:42px!important}#people-list .drawer-person>.avatar[data-online=true]::after{content:'';position:absolute;right:-1px;bottom:0;width:8px;height:8px;border:2px solid white;border-radius:50%;background:#399de9;box-shadow:0 0 0 1px #399de91a;z-index:4;pointer-events:none}.drawer-person-copy{grid-column:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}#people-list .drawer-person-copy .person-name{padding:0;margin:0;background:none;color:#30465c;font:700 14px/1.4 system-ui;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#people-list .drawer-person-copy .member-type{font-size:11px!important;line-height:1.5;color:#8b98a7!important}#people-list .drawer-person-copy .small{margin:0;font-size:10px!important;line-height:1.4;color:#9aa6b4!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-person-icons{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:9px;max-width:100px;color:#8ea0b2}.drawer-person-icons>span{display:inline-flex;align-items:center;justify-content:center}.drawer-person-icons svg{width:15px!important;height:15px!important;stroke-width:1.6}.drawer-person-icons .device-mark{margin:0!important;width:17px!important;height:17px!important;opacity:1!important}.drawer-person-icons .hand-mark{font-size:13px!important;margin:0!important;width:15px!important}.drawer-person-icons .person-live-indicators{margin:0!important;gap:5px}#people-list .drawer-person .watch-camera{grid-column:2/4;justify-self:start;margin:0;border-radius:6px;padding:5px 9px;background:#eef6fc;color:#6a8da9;font-size:10px}#people-list .drawer-person .friend-note-button{grid-column:2/4;justify-self:start}.left:has(#side-people:not([hidden])){background:#fff;border-radius:0 18px 18px 0;box-shadow:12px 0 40px #2339530c}body.dark .left:has(#side-people:not([hidden])){background:#202c38}body.dark .drawer-people-search{background:#283644;border-color:#354656}body.dark #side-people .drawer-people-search #people-search{color:#d2deea}body.dark #people-list .user.drawer-person:hover{background:#2b3947!important}body.dark #people-list .drawer-person-copy .person-name{color:#e1e9f0}body.dark #people-list .drawer-person>.avatar[data-online=true]::after{border-color:#202c38}body.dark #people-list .user.drawer-person{border-bottom-color:#35465660!important}
/* Person actions and room rows share the people drawer's quiet blue palette. */
#person-profile.polished-person-profile{width:min(430px,94vw);box-sizing:border-box;border-radius:20px;padding:25px;max-height:calc(var(--live-height,100dvh) - 26px);overflow:auto;background:#fff;border:1px solid #dfe6ed;box-shadow:0 18px 70px #273d5126}#person-profile.polished-person-profile h2{text-align:center;font-size:21px;letter-spacing:-.4px;margin:10px 0 7px;padding:0 50px;overflow-wrap:anywhere}#person-profile.polished-person-profile>p:not(.profile-bio){text-align:center;font-size:12px;color:#8a9aa8;line-height:1.6}#person-profile.polished-person-profile .frame-profile{margin:20px auto 18px}#person-profile.polished-person-profile .profile-bio{font-size:13px;line-height:1.7;color:#8192a1;margin:14px 0 20px}#person-profile.polished-person-profile .person-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px}#person-profile.polished-person-profile .person-actions button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 9px;min-height:44px;border-radius:11px;background:#f3f6f9;color:#607b92;font-size:12px;line-height:1.4;box-sizing:border-box;border:1px solid #e8edf2}#person-profile .profile-action-icon{display:inline-flex;flex:none}#person-profile .profile-action-icon svg{width:18px;height:18px;stroke-width:1.6}#person-profile.polished-person-profile .person-actions .profile-primary-action{grid-column:1/-1;background:#577995;color:white;border-color:#577995;font-weight:650}#person-profile.polished-person-profile .person-actions .profile-close-action{grid-column:1/-1;background:transparent;border:0;color:#96a4b1;padding:8px;min-height:30px}#person-profile.polished-person-profile .person-actions .profile-danger-action{color:#b17c85;background:#b47b8508}#person-profile .person-admin-menu{right:12px;top:12px;font-size:12px}
#rooms>.room.modern-room{display:flex;align-items:center;gap:11px;margin:0 0 8px;padding:12px 10px;border:1px solid #e8edf260;border-radius:13px;background:transparent;min-height:67px;color:#40596f;box-shadow:none}#rooms>.room.modern-room.active{background:#789ab610;border-color:#8aacc433}#rooms>.room.modern-room>span:not(.room-drawer-icon){min-width:0;flex:1;text-align:left}#rooms>.room.modern-room b{display:block;font-size:13px;font-weight:650;line-height:1.5}#rooms>.room.modern-room small{display:block;font-size:10px;color:#9aa6b2;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#rooms>.room.modern-room em{font:600 11px system-ui;color:#7b94a9;background:#789ab615;padding:5px 8px;border-radius:8px;min-width:24px;text-align:center}#rooms .room-drawer-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:#789ab60d;color:#829db2}#rooms .room-drawer-icon svg{width:21px;height:21px;stroke-width:1.5}#rooms .room-list-portrait{width:38px;height:38px;border-radius:11px;margin:0}
.private-attachment-menu{display:flex;gap:8px;padding:12px 4px 5px;flex:none}.private-attachment-menu[hidden]{display:none!important}.private-attachment-menu button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;background:#eef3f8;color:#65819a;border:1px solid #dfe8f0;border-radius:11px;padding:13px 8px}.private-attachment-menu svg{width:20px;height:20px;stroke-width:1.5;flex:none}.private-voice-panel{display:grid;gap:10px;padding:14px;margin:10px 0 0;flex:none;border:1px solid #dae5ee;background:#f6f8fa;border-radius:13px}.private-voice-panel strong{font-size:13px;color:#56738b}.private-voice-panel small{font-size:11px;color:#8196a7;line-height:1.5}.private-voice-panel audio{width:100%;height:35px}.private-voice-panel>div{display:flex;flex-wrap:wrap;gap:7px}.private-voice-panel button{padding:9px 12px;font-size:11px;background:#e5edf4;color:#57768f;border-radius:8px}.private-voice-panel button[hidden],.private-voice-panel audio[hidden]{display:none!important}.private-voice-panel button:disabled{opacity:.5}.dm-attach[aria-expanded=true]{background:#7296b51a!important;border-radius:10px}
body.dark #person-profile.polished-person-profile{background:#23313f;border-color:#3c4d5d;color:#d9e4ed}body.dark #person-profile.polished-person-profile .person-actions button{background:#2d3e4e;border-color:#3c4d5d;color:#bfceda}body.dark #person-profile.polished-person-profile .person-actions .profile-primary-action{background:#577995;color:white}body.dark #rooms>.room.modern-room{color:#c9d9e6;border-color:#4f677822}body.dark .private-attachment-menu button,body.dark .private-voice-panel{background:#2b3c4c;border-color:#41566a;color:#bbcedc}body.dark .private-voice-panel strong{color:#c9dbe9}body.dark .private-voice-panel button{background:#3c5368;color:#d6e3ed}
@media(max-width:700px){#person-profile.polished-person-profile[open]{position:fixed;inset:auto 8px max(8px,env(safe-area-inset-bottom))!important;width:calc(100% - 16px)!important;max-width:430px!important;max-height:calc(var(--live-height,100dvh) - 24px)!important;height:auto!important;margin:0 auto!important;padding:21px!important;box-sizing:border-box}#person-profile.polished-person-profile .frame-profile{width:66px!important;height:66px!important;margin:12px auto!important}#person-profile.polished-person-profile .person-actions{margin-top:15px;gap:7px}#person-profile.polished-person-profile h2{font-size:19px}#utility.dm-view #utility-body:has(.private-voice-panel){overflow-y:auto}}
@media(max-width:700px){#person-profile.polished-person-profile[open]{height:auto!important;display:block!important}#person-profile.polished-person-profile .person-actions{flex:none}}
#side-people .social-notifications-button{display:none!important}#side-people .notes-inbox-button{display:none!important}body.people-friends #side-people .notes-inbox-button:not([hidden]){display:block!important}
@media(max-width:700px){body,body *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body main,body aside,body .ref-phone-head,body .ref-phone-edge,body dialog{-webkit-user-select:none;user-select:none}body input,body textarea,body [contenteditable=true]{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default}body main::selection,body aside::selection,body .messages *::selection{background:transparent}body img{-webkit-user-drag:none}}
/* Slim portrait drawer and flat, linked participant tabs. */
#side-people .peoplefilters{display:flex!important;align-items:center;gap:12px!important;padding:0 0 9px!important;margin:0 0 7px;border:0!important;background:transparent!important}#side-people .peoplefilters button{position:relative;flex:1;min-width:0;white-space:nowrap;margin:0!important;padding:10px 0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#93a1ae;font-size:11px;line-height:1.5}#side-people .peoplefilters button.active,body.dark #side-people .peoplefilters button.active{background:transparent!important;border-bottom-color:#7c9bb4!important;color:#587c99!important}body.dark #side-people .peoplefilters button.active{color:#bad1e3!important}.drawer-person-icons{max-width:44px;gap:6px;flex-wrap:wrap}.drawer-person-icons .person-live-indicators{gap:4px}.drawer-people-search{min-height:42px;border-radius:13px;margin-bottom:9px}#side-people .drawer-people-search #people-search{font-size:12px!important}#people-list .user.drawer-person{min-height:69px;padding:10px 4px!important;margin-bottom:2px;column-gap:9px!important;border-radius:0!important}#people-list .drawer-person-copy .member-type.rank-role{font-size:10px!important;letter-spacing:0;max-width:100%;white-space:normal;line-height:1.55}#rooms>.room.modern-room,body.dark #rooms>.room.modern-room{background:transparent!important;border:0!important;border-bottom:1px solid #8b9eae20!important;border-radius:0!important;box-shadow:none!important;margin-bottom:2px}#rooms>.room.modern-room.active{border-left:2px solid #7c9bb4!important;padding-left:8px}
@media(max-width:700px){body .left.open:has(#side-people:not([hidden])),body .left.open:has(#side-rooms:not([hidden])){top:calc(var(--live-top,0px) + 58px)!important;left:auto!important;right:8px!important;bottom:auto!important;width:min(300px,82vw)!important;max-width:300px!important;height:calc(var(--live-height,100dvh) - 70px)!important;max-height:calc(var(--live-height,100dvh) - 70px)!important;margin:0!important;padding:0!important;box-sizing:border-box;border:1px solid #8b9eae20!important;border-radius:15px!important;box-shadow:-6px 8px 26px #233d5015!important}body .left.open #side-people,body .left.open #side-rooms{padding:10px 12px 15px!important}.ref-phone-panel-head{min-height:43px;height:43px;gap:4px}.ref-phone-panel-head b{font-size:13px}.ref-phone-panel-head button{height:40px;width:32px;font-size:25px}.keyboard-open .left.open:has(#side-people:not([hidden])),.keyboard-open .left.open:has(#side-rooms:not([hidden])){top:calc(var(--live-top,0px) + 50px)!important;height:calc(var(--live-height,100dvh) - 56px)!important;max-height:calc(var(--live-height,100dvh) - 56px)!important}}

.roof-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:8px 12px;padding:14px;border:1px solid #c6a64d66;border-radius:12px;background:#32291e;color:#ffe3a0;font-size:12px}.roof-banner[hidden]{display:none!important}.roof-banner button{border:0;border-radius:8px;padding:9px;background:#e4bd64;color:#251b0c;cursor:pointer}.on-roof .five-mic-slots{display:none!important}

/* Desktop refinement: retain the existing columns, navigation and composer. */
@media(min-width:701px){
 body .room-speakers{width:calc(100% - 40px);max-width:720px;box-sizing:border-box;margin:8px auto 4px;padding:10px 8px 12px!important;gap:18px!important;border-bottom:0!important}
 body .room-speakers .mic-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:5px!important}
 body .room-speakers .mic-seat>img,body .room-speakers .empty-mic-icon{width:46px!important;height:46px!important;box-sizing:border-box}
 body .room-speakers .empty-mic-icon{display:grid;place-items:center;border:1px solid #99aeba55!important;border-radius:50%!important}
 body .room-speakers .mic-seat small{font-size:12px!important;font-weight:500;line-height:1.35;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body .room-speakers .mic-seat:focus-visible{outline:none}
 body .room-speakers .mic-seat:hover>.empty-mic-icon{border-color:#709cad!important;color:#477e94}
 body #messages{padding:20px 24px!important;scroll-padding-bottom:20px}
 body #messages .bubble{font-size:14px;line-height:1.55;border-radius:12px;padding:10px 13px;box-shadow:0 1px 3px #20364608}
 body #messages .bubble b{font-size:13px}body #messages .bubble time{font-size:10px}
}
.on-roof .room-speakers{display:none!important}

/* People drawer fills the visible mobile height, including keyboard resizing. */
@media(max-width:700px){
 body .left.open:has(#side-people:not([hidden])),body.keyboard-open .left.open:has(#side-people:not([hidden])){
  top:var(--live-top,0px)!important;bottom:auto!important;
  height:var(--live-height,100dvh)!important;max-height:var(--live-height,100dvh)!important;
  border-top:0!important;border-bottom:0!important;border-radius:0!important;
  padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;
 }
}

/* A brief arrival effect with no interaction capture. */
body main{position:relative}
.roof-arrival-effect{
 position:absolute;inset:0;overflow:hidden;z-index:65;pointer-events:none;
 display:grid;place-items:center;
 background:radial-gradient(ellipse at center,#8fbce522,transparent 65%);
 animation:roof-arrival-fade 2.8s ease both;
}
.roof-arrival-effect>svg{
 position:absolute;top:5%;left:calc(50% - 100px);width:200px;height:76%;
 fill:none;stroke:#d6efff;stroke-width:3;stroke-linejoin:round;
 filter:drop-shadow(0 0 7px #65baff);stroke-dasharray:650;stroke-dashoffset:650;
 animation:roof-lightning-draw .55s ease-out forwards;
}
.roof-arrival-card{
 position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;
 padding:22px 34px;max-width:calc(100% - 36px);box-sizing:border-box;
 border:1px solid #e6c47888;border-radius:16px;
 background:linear-gradient(135deg,#152332f5,#27333ef2);
 box-shadow:0 10px 40px #14263c33;color:#f1e2bc;text-align:center;
}
.roof-arrival-card small{font-size:11px;letter-spacing:2px;color:#e0bb6f}
.roof-arrival-card strong{font-size:26px;line-height:1.3;overflow-wrap:anywhere}
.roof-arrival-card span{font-size:12px;color:#bccbda}
@keyframes roof-lightning-draw{to{stroke-dashoffset:0}}
@keyframes roof-arrival-fade{0%{opacity:0}12%,76%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
 .roof-arrival-effect{animation:none}
 .roof-arrival-effect>svg{display:none}
}
@media(min-width:701px){
 body .layout{grid-template-columns:300px minmax(0,1fr)}
 body .room-speakers{margin:4px auto 2px;padding:5px 8px 7px!important}
 body .room-speakers .mic-seat{gap:6px;padding:3px!important}
 body .room-speakers .mic-seat>img,body .room-speakers .empty-mic-icon{width:40px!important;height:40px!important}
}
@media(min-width:1100px){body .layout{grid-template-columns:350px minmax(0,1fr)}}

.roof-intro{display:grid;gap:5px;min-width:0}
.roof-intro small{color:#ead7b1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.roof-actions{display:flex;flex-wrap:wrap;gap:7px;flex-shrink:0}
.roof-banner .roof-people-button{background:#ffffff14;color:#ffe3a0;box-shadow:inset 0 0 0 1px #e4bd6455}
@media(max-width:700px){.roof-banner{align-items:stretch;flex-direction:column}.roof-actions{justify-content:space-between}}

.rank-admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px}
.rank-admin-card{display:grid;gap:6px;text-align:left;padding:12px;border:1px solid #b18b4b45;border-radius:10px}
.rank-admin-stars,.rank-star-line{display:block;color:#b68935;font-size:10px;letter-spacing:.5px;white-space:nowrap}
.rank-role:has(.rank-star-line){flex-wrap:wrap}
.rank-star-line{flex-basis:100%;line-height:1.35;text-align:inherit}
.rank-command-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;border:1px solid #8d9dab4a;border-radius:9px;padding:10px}
.rank-command-fields .admin-field{display:flex;align-items:center;justify-content:space-between}

#messages{overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
#messages .bubble{min-width:0;overflow-wrap:anywhere}
.phone-compose-more{display:none!important}
@media(max-width:700px){
 body .compose{grid-template-columns:minmax(0,1fr) 30px 30px 30px 36px!important;gap:3px!important}
 body .compose>.icon{display:none!important}
 body .compose>input{grid-column:1!important;min-width:0!important}
 body .compose>.send{grid-column:5!important}
 body .compose .live-mobile-tools>button:not([data-phone-inline]){display:none!important}
 body .compose .live-mobile-tools>button[data-phone-inline]{display:grid!important;place-items:center;min-width:0;width:30px;height:34px!important;border-radius:8px}
 body .compose .live-mobile-tools>button[data-phone-inline=image]{grid-column:2!important}
 body .compose .live-mobile-tools>button[data-phone-inline=radio]{grid-column:3!important}
 body .compose .live-mobile-tools>button[data-phone-inline=more]{grid-column:4!important;background:#e7edf5;color:#496b87;font-size:22px}
}
.admin-record-list{display:grid;gap:9px;margin:10px 0}
.admin-record-card{padding:12px 14px;border:1px solid #c9d6e2;border-radius:12px;background:#f6f9fc;overflow-wrap:anywhere}
.admin-record-card p{margin:5px 0 8px;color:#4d657d;font-size:12px}
.admin-record-actions{display:flex;flex-wrap:wrap;gap:6px}
.admin-record-actions button{width:auto!important;min-height:34px;margin:0!important;padding:6px 10px!important}
body.dark .admin-record-card{background:#233244;border-color:#3b5066}
body.dark .admin-record-card p{color:#d8e6f4}

/* Mobile room and people drawers open from opposite edges. */
@media(max-width:700px){
 body .left.open:has(#side-rooms:not([hidden])),
 body.keyboard-open .left.open:has(#side-rooms:not([hidden])){
  left:0!important;right:auto!important;top:var(--live-top,0px)!important;
  height:var(--live-height,100dvh)!important;max-height:var(--live-height,100dvh)!important;
  border-radius:0!important;border-width:0 1px 0 0!important;
  padding-top:env(safe-area-inset-top,0px)!important;
  padding-bottom:env(safe-area-inset-bottom,0px)!important;
  box-shadow:6px 0 22px #233d5022!important;
  animation:phone-rooms-enter .18s ease-out;
 }
 body .left.open:has(#side-people:not([hidden])){
  right:0!important;animation:phone-people-enter .18s ease-out;
 }
 #side-rooms #rooms{display:flex;flex-direction:column;gap:4px}
 #side-rooms #rooms>.room{width:100%;min-height:56px}
 #side-people #people-list{max-height:456px;overflow-y:auto;overscroll-behavior-y:contain}
 #people-list .user.drawer-person{min-height:76px;box-sizing:border-box;margin-bottom:0}
 #people-list .drawer-person-copy .member-type,
 #people-list .drawer-person-copy .member-type.rank-role{
  font-size:13px!important;font-weight:700;line-height:1.35;letter-spacing:0;
 }
 #people-list .drawer-person-copy .rank-title{font-size:inherit!important}
 #people-list .drawer-person-copy .rank-star-line{font-size:10px}
}
@keyframes phone-rooms-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes phone-people-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){body .left.open:has(#side-rooms:not([hidden]),#side-people:not([hidden])){animation:none}}

@media(max-width:700px){
 body.entered .phone-drawer-anchor{display:block;position:relative;flex:none;height:0;z-index:52}
 body.entered .phone-drawer-arrow{
  position:absolute;top:clamp(28px,13dvh,108px);display:grid;place-items:center;
  width:34px;height:42px;padding:0;background:#fff;color:#263e54;
  border:1px solid #cbd6e0;box-shadow:0 1px 6px #112d4926;touch-action:manipulation;
 }
 body.keyboard-open .phone-drawer-arrow{top:30px}
 .phone-drawer-rooms{left:0;border-radius:0 9px 9px 0}
 .phone-drawer-people{right:0;border-radius:9px 0 0 9px}
 .phone-drawer-arrow svg{width:23px;height:23px;stroke-width:2.5}
 body:has(.left.open) .phone-drawer-arrow{visibility:hidden}
 body .left.open[data-phone-panel=settings]{
  inset:var(--live-top,0px) 0 auto!important;width:100%!important;max-width:none!important;
  height:var(--live-height,100dvh)!important;max-height:var(--live-height,100dvh)!important;
  border:0!important;border-radius:0!important;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)!important;
 }
 .left[data-phone-panel=settings] .ref-phone-panel-head{
  box-sizing:border-box;height:55px;min-height:55px;padding-inline:12px;border-bottom:1px solid #879bb939;
 }
 .left[data-phone-panel=settings] .ref-phone-panel-head b{font-size:18px;font-weight:750}
 .left[data-phone-panel=settings] #side-settings{min-height:0;overflow-y:auto;padding:14px 16px!important;overscroll-behavior:contain}
 .left[data-phone-panel=settings] #side-settings .prefstabs{display:none!important}
 .left[data-phone-panel=settings] #side-settings .prefspanels{display:grid;gap:12px}
 .left[data-phone-panel=settings] #side-settings .prefspanels>section{
  display:block!important;padding:16px!important;border:1px solid #879bb940;border-radius:14px;
  background:#ffffff90;
 }
 body.dark .left[data-phone-panel=settings] #side-settings .prefspanels>section{background:#233143}
 .left[data-phone-panel=settings] #side-settings .prefspanels h3{
  display:block;text-align:left;font-size:16px;font-weight:700;letter-spacing:0;
  text-transform:none;color:inherit;margin:0 0 12px;
 }
 .left[data-phone-panel=settings] #side-settings .prefspanels h3::before,
 .left[data-phone-panel=settings] #side-settings .prefspanels h3::after{content:none}
 .left[data-phone-panel=settings] #side-settings .settingrow{
  min-height:44px;box-sizing:border-box;border-bottom:1px solid #879bb925;
 }
 #people-list .drawer-person-copy .member-type,
 #people-list .drawer-person-copy .member-type.rank-role{font-size:15px!important;line-height:1.3}
}

/* Let the selected room design show through the microphone strip. */
body.entered main:has(.room-speakers){
 background-color:var(--lobby-backdrop-color,#34495b)!important;
 background-image:var(--lobby-backdrop-image,none)!important;
 background-position:center;background-size:cover;background-repeat:no-repeat;
}
body main .room-speakers,body.dark main .room-speakers{
 background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
}

@media(max-width:700px){
 body .compose{grid-template-columns:minmax(0,1fr) 36px 30px 30px 30px!important}
 body .compose>.send{grid-column:2!important}
 body .compose .live-mobile-tools>button[data-phone-inline=image]{grid-column:5!important}
 #utility.phone-actions-sheet[open]{
  inset:auto 0 0!important;height:auto!important;max-height:min(64dvh,calc(var(--live-height,100dvh) - 52px))!important;
  padding-bottom:max(8px,env(safe-area-inset-bottom));animation:phone-actions-enter .16s ease-out;
 }
 #utility.phone-actions-sheet .ref-menu-row{min-height:44px}
}
@keyframes phone-actions-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#utility.phone-actions-sheet[open]{animation:none}}

#people-list .user.drawer-person{grid-template-columns:52px minmax(0,1fr) auto}
#people-list .user.drawer-person>.avatar{
 display:grid;place-items:center;width:48px!important;height:48px!important;
 min-width:48px;padding:0;margin:0;border:0;border-radius:50%!important;background:transparent;
}
#people-list .user.drawer-person>.avatar>.avatar-frame,
#people-list .user.drawer-person>.avatar img{
 width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover;
}
.settings-photo-button{display:contents}
[data-nick-look=ice]{color:#287cac!important}
[data-nick-look=gold]{color:#aa7412!important;text-shadow:0 0 5px #ffcf5c77}
[data-nick-look=aurora]{
 color:#9d4fcc!important;text-shadow:0 0 5px #ae7ad466;
 animation:nick-aurora 3s ease-in-out infinite alternate;
}
@keyframes nick-aurora{50%{color:#27839c;text-shadow:0 0 8px #52dccc}100%{filter:hue-rotate(100deg)}}
@media(prefers-reduced-motion:reduce){[data-nick-look=aurora]{animation:none}}
.nick-look-options{display:grid;gap:9px}
.nick-look-options button{
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 width:100%;min-height:48px;padding:10px 14px;border:1px solid #879bb94a;
 border-radius:10px;background:transparent;color:inherit;text-align:left;
}
.nick-look-options button[aria-pressed=true]{border-color:#508bc6;background:#6eafe324}
@media(max-width:700px){
 .ref-phone-head>.toolbar-icon-button{width:clamp(34px,10vw,44px);min-width:0;flex:none}
 .ref-phone-head>.phone-header-menu{color:#48617c}
 #side-settings .edit-self-button{display:none!important}
 #side-settings .settings-photo-button{
  display:grid;place-items:center;flex:none;width:54px;height:54px;padding:0;
  border:0;background:transparent;border-radius:50%;cursor:pointer;
 }
 #side-settings .mobile-settings-management,#side-settings .mobile-settings-exit{
  display:block;width:100%;min-height:46px;margin:0 0 12px;padding:10px 14px;
  text-align:left;font-weight:700;border-radius:10px;background:#e3edf9;color:#284867;
 }
 #side-settings .mobile-settings-exit{margin:14px 0 0;background:#f9e8ea;color:#983047}
 body.dark #side-settings .mobile-settings-management{background:#324b65;color:#ecf5ff}
 body.dark #side-settings .mobile-settings-exit{background:#52323d;color:#ffced6}
}

.profile-comment{
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;
 margin:6px 0 0;padding:8px 0 0;border-top:1px solid #8b9db74a;
}
#person-profile .profile-comment input{
 width:100%;min-width:0;height:36px;margin:0;box-sizing:border-box;padding:0 9px;
 border:1px solid #8b9db77a;border-radius:8px;background:transparent;color:inherit;font-size:14px;
}
#person-profile .profile-comment button{
 min-height:36px;margin:0;padding:0 10px;border:0;border-radius:8px;
 background:#dceafa;color:#25486c;white-space:nowrap;
}
.profile-comment [role=status]{grid-column:1/-1;line-height:1.4;overflow-wrap:anywhere}
.profile-comment [role=status]:empty{display:none}
.compose{position:relative}
.mention-suggestions{
 position:absolute;z-index:54;bottom:calc(100% + 5px);left:0;width:min(280px,100%);max-height:220px;overflow:auto;
 padding:5px;border:1px solid #8b9db75c;border-radius:12px;background:#fff;box-shadow:0 6px 20px #273d5126;
}
.mention-suggestions button{display:block;width:100%;padding:10px;text-align:left;background:transparent;color:#294867}
.mention-suggestions button.active,.mention-suggestions button:hover{background:#e5effa}
body.dark .mention-suggestions{background:#233143}
body.dark .mention-suggestions button{color:#e8f1ff}
body.dark .mention-suggestions button.active,body.dark .mention-suggestions button:hover{background:#36536f}
#messages .msg.room-own-message{display:flex;flex-direction:row-reverse;justify-content:flex-start}
#messages .room-own-message .bubble{margin-inline-start:auto}
@media(max-width:700px){#messages{padding-inline:9px!important}}
#messages .room-mention-message .bubble{outline:1px solid #70a4d2;outline-offset:-1px;border-radius:8px}
@media(max-width:700px){
 #side-settings .settings-profile-more{
  display:grid;place-items:center;margin-inline-start:auto;width:44px;height:44px;flex:none;
  font-size:25px;line-height:1;border-radius:10px;background:#829cb52b;color:inherit;
 }
}

@media(max-width:700px){
 body .compose{
  grid-template-columns:32px minmax(0,1fr) repeat(4,clamp(27px,8vw,34px)) 38px!important;
  gap:3px!important;align-items:center;
 }
 body .compose>input{grid-area:1 / 2!important}
 body .compose>.send{grid-area:1 / 3!important;width:100%;min-width:0}
 body .compose .live-mobile-tools{display:contents!important}
 body .compose .live-mobile-tools>button[data-phone-inline]{grid-row:1!important;width:100%;padding:3px}
 body .compose [data-phone-inline=emoji]{grid-column:1!important}
 body .compose [data-phone-inline=sound]{grid-column:4!important}
 body .compose [data-phone-inline=media]{grid-column:5!important}
 body .compose .live-mobile-tools>button[data-phone-inline=radio]{grid-column:6!important}
 body .live-mobile-tools button[data-phone-inline] svg{width:18px;height:18px}
 body .compose .live-mobile-tools>button[data-phone-inline=more]{
  grid-column:7!important;height:38px!important;border-radius:10px;
  color:#fff;background:#32618e;font-size:26px;font-weight:650;
 }
}

#person-profile.polished-person-profile .person-actions{
 height:auto;min-height:0;grid-auto-rows:auto;border-bottom:0;
}
#person-profile.polished-person-profile .person-actions button{
 min-width:0;white-space:normal;overflow-wrap:anywhere;
}
#person-profile.polished-person-profile .profile-comment{clear:both}

#people-list .member-type.custom-rank-badge,.custom-rank-badge{
 display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box;
 line-height:1.2;font-weight:750;overflow-wrap:anywhere;
}
#people-list .drawer-person-copy .member-type.custom-rank-badge{font-size:revert}
.bigbos-editor{display:grid;gap:8px;padding:12px 0}
.bigbos-editor label{display:grid;grid-template-columns:1fr minmax(75px,1fr);align-items:center;gap:8px}
.bigbos-editor input{width:100%;min-width:0;box-sizing:border-box}

@media(max-width:700px){.desktop-frame-preference{display:none!important}}
body .avatar-frame[data-frame]:not([data-frame=none])::before{
 border-color:var(--frame-color) #ffe49d var(--frame-color) #8ee4ff;
 animation:avatar-frame-spark 2.9s linear infinite!important;
}
@keyframes avatar-frame-spark{
 from{transform:rotate(0deg);filter:drop-shadow(0 0 2px var(--frame-color))}
 to{transform:rotate(360deg);filter:drop-shadow(0 0 4px var(--frame-color))}
}
@media(prefers-reduced-motion:reduce){
 body .avatar-frame[data-frame]:not([data-frame=none])::before{animation:none!important}
}
#messages .bubble img.chat-image[src*="/media/"]{object-fit:contain;height:auto}

#messages .msg{margin-block:12px}
@media(max-width:700px){
 body.entered .phone-drawer-people{height:48px;align-content:center;gap:1px}
 .phone-drawer-people .room-people-count{font-size:12px;line-height:15px;font-weight:800}
 .phone-drawer-people svg{width:19px;height:19px}
 #messages .msg{margin-block:9px}
}

.phone-call-history{display:grid;gap:8px;padding:8px 0}
.phone-call-history article{display:grid;gap:5px;padding:11px;border:1px solid #829cb54a;border-radius:10px}
.phone-call-history small{line-height:1.35}
.phone-call-history .missed strong{color:#db4b64}
#utility.dm-view .dm-person{border-radius:12px;border:1px solid #8fa8c83b;padding:11px;margin-bottom:7px;background:#8fa8c815}
#utility.dm-view .dm-header{border-radius:12px;padding:9px;background:#8fa8c822}
#utility.dm-view #live-dm-list{padding-inline:8px}
#utility.dm-view #live-dm-list .bubble{padding:8px 12px}
@media(max-width:700px){
 body .compose>.phone-room-gift{
  display:grid;place-items:center;position:absolute;bottom:calc(100% + 7px);right:0;
  width:38px;height:38px;padding:0;border-radius:10px;background:#f4e8fa;color:#78419b;z-index:50;
  box-shadow:0 2px 8px #36244932;
 }
 .phone-room-gift svg{width:21px;height:21px}
 #messages{scroll-padding-bottom:50px}
}

#people-list .drawer-person-copy .member-type.custom-rank-badge,.custom-rank-badge{
 width:auto;min-height:0;max-width:100%;white-space:normal;
 overflow:visible;overflow-wrap:anywhere;line-height:1.35;font-weight:800;
}
.bigbos-editor .custom-rank-badge{padding:8px 0}
.room-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.room-gift-grid .gift-card{min-width:0;padding:8px 3px}
.room-gift-grid .gift-card img{width:52px;height:52px;object-fit:contain}
.room-gift-grid .gift-card b{white-space:normal;font-size:11px}
.gift-credit{display:block;margin-top:8px;font-size:10px;color:inherit}
@media(max-width:700px){
 .ref-phone-head{gap:0;padding-inline:5px;box-sizing:border-box}
 .ref-phone-head>button:not(.ref-phone-room){flex:0 0 clamp(42px,12vw,52px);width:auto;min-width:0}
 .ref-phone-head>.ref-phone-room{padding-left:3px}
 .ref-phone-head>button svg{width:24px;height:24px}
 .ref-entry-brand{letter-spacing:.02em}
 #login{border:1px solid #a3bdd559;box-shadow:0 -12px 48px #102b5c40}
}

.roof-arrival-effect{
 inset:0 0 auto;height:clamp(155px,32dvh,290px);
 background:linear-gradient(110deg,#101e35e8,#213959b8);border-radius:0;
 animation:roof-banner-slide 10s ease both;
}
.roof-arrival-card{width:100%;max-width:none;border:0;border-radius:0;background:#0b14276b;box-shadow:none}
.roof-arrival-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.76}
@keyframes roof-banner-slide{
 0%{transform:translateX(-100%);opacity:0}5%,95%{transform:translateX(0);opacity:1}100%{opacity:0}
}
@media(prefers-reduced-motion:reduce){.roof-arrival-effect{animation:none}}
.room-typing-line{padding:3px 8px;font-size:12px;line-height:1.4;color:inherit;overflow-wrap:anywhere}