/* 0.10.2 overlap fix: Settings and every sheet sit above all overlays, fully opaque; while one is open the chat text,
   camera, document and input bar fade out (450ms, no flash) and take no taps. */
#panel{z-index:200!important;background:#050608!important;height:100%!important;height:100dvh!important;top:0!important;bottom:0!important}
#sheetBg{z-index:210!important}
.sheet{z-index:220!important;background:#0b0c0f!important}
.cfm{z-index:300!important}
body>*.ovlfade{transition:opacity .45s ease!important}
body.ovl>*.ovlfade{opacity:0!important;pointer-events:none!important}
@media (prefers-reduced-motion:reduce){body>*.ovlfade{transition:opacity .4s linear!important}}
/* 0.10.2 guest hint (no wall) */
#gHint{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:150;max-width:min(360px,88vw);font-size:14px;line-height:1.35;color:rgba(255,255,255,.8);background:rgba(20,22,26,.92);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px 10px 8px 14px;opacity:0;transition:opacity .45s ease;display:flex;gap:8px;align-items:center}
#gHint.on{opacity:1}#gHint button{background:none;border:0;color:#aaa;font-size:18px;padding:0 4px;cursor:pointer}
@media (prefers-reduced-motion:reduce){#gHint{transition:opacity .4s linear}}
/* 0.10.2 softer text around the orb: ~15% smaller (min 14px), white at .70 */
#cap,#you{color:rgba(255,255,255,.70)!important}
#you{color:rgba(255,255,255,.52)!important}
#trHeard{font-size:12px;color:rgba(255,255,255,.55)}#trOut{font-size:12.5px;color:rgba(255,255,255,.70)}

/* 0.10.2e (approved mockup builds/mock_lang_text). Note F: your words clamp to 4 lines, older words fade at the top. */
#you.yfade{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 1.6em);mask-image:linear-gradient(to bottom,transparent 0,#000 1.6em)}
/* Note D: detected-language tag in the HEARD row */
#trHeardL{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#trHeardL .trtag{text-transform:none;letter-spacing:0;font-size:11.5px;color:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:2px 9px;animation:lg2in .45s ease both}
#trHeardL .trtag i{font-style:normal;color:rgba(255,255,255,.45)}#trHeardL .trtag.det{color:rgba(255,255,255,.5)}
@keyframes lg2in{from{opacity:0}to{opacity:1}}
/* Note E: one Language section in Settings */
.lg2hide{display:none!important}
#lg2 button,.lg2s button,.lg2s input{font-family:inherit}
#lg2{display:flex;flex-direction:column;gap:8px}#lg2 .sec{margin-top:2px}
#lg2 .lg2c{border:1px solid var(--bd2);border-radius:14px;overflow:hidden}
#lg2 .lg2r{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:transparent;border:0;border-radius:0;text-align:left;color:var(--fg)}
#lg2 .lg2r+.lg2r{border-top:1px solid var(--bd2)}
#lg2 .lg2t{display:flex;flex-direction:column;gap:2px;min-width:0}#lg2 .l{font-size:14px;color:var(--fg)}#lg2 .d{font-size:11.5px;color:var(--sub);line-height:1.35}
#lg2 .lg2p{flex:none;cursor:pointer;font-size:12.5px;border:1px solid var(--bd2);border-radius:999px;padding:5px 11px;color:var(--fg);white-space:nowrap}
#lg2 .lg2n{font-size:11.5px;color:var(--sub);line-height:1.45}#lg2 .lg2n b{color:var(--fg);font-weight:600}
.sheet.lg2s{display:flex;opacity:0;pointer-events:none;transition:opacity .45s ease;z-index:230!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.55);max-height:78vh;gap:10px}
.sheet.lg2s.open{opacity:1;pointer-events:auto}
.lg2s .lg2h{display:flex;flex-direction:column;gap:3px}.lg2s .lg2h b{font-size:16px;color:var(--fg)}.lg2s .lg2h span{font-size:11.5px;color:var(--sub)}
.lg2s .lg2l{display:flex;flex-direction:column;overflow-y:auto;min-height:0}
.lg2s .lg2i{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 4px;background:transparent;border:0;border-bottom:1px solid var(--bd2);border-radius:0;color:var(--fg);font-size:14px;text-align:left}
.lg2s .lg2i small{font-size:11.5px;color:var(--sub)}.lg2s .lg2i.on span{color:var(--pri)}.lg2s .lg2e{padding:14px 4px;color:var(--sub);font-size:12.5px}
/* beats the global reduced-motion reset in v09.css so nothing pops in */
@media (prefers-reduced-motion:reduce){html body .sheet.lg2s{transition:opacity .4s linear!important}html body #trHeardL .trtag{animation:lg2in .4s linear both!important}}
#lpick .tin[hidden]{display:none!important}

/* 0.10.2e: small version label on the sign-in screen, same quiet style as the Settings footer */
.lbox .sver{text-align:center;font-size:11px;opacity:.7;margin-top:2px}