:root{--app-height:100dvh;--content-top:max(env(safe-area-inset-top,0px),var(--host-top,0px));--content-bottom:max(env(safe-area-inset-bottom,0px),var(--host-bottom,0px));--safe-bottom:calc(12px + var(--content-bottom))}
html{width:100%;overflow-x:clip;overscroll-behavior-x:none}body{width:100%;min-width:0;overflow-x:clip;overscroll-behavior-x:none}
.app-shell{width:100%;min-height:var(--app-height);padding-top:var(--content-top);padding-left:var(--host-left,0px);padding-right:var(--host-right,0px)}
.page{min-width:0;padding-bottom:calc(104px + var(--content-bottom));overflow-wrap:anywhere}
.bottom-nav{top:calc(var(--app-height) - var(--content-bottom) - 80px);bottom:auto;width:min(calc(100% - 24px - var(--host-left,0px) - var(--host-right,0px)),452px);height:68px;max-width:100%}
.bottom-nav button{min-width:0;min-height:44px;padding:3px 1px;gap:2px}.bottom-nav button span{white-space:nowrap;font-size:clamp(7px,2.2vw,9px)}
.overlay-nav-visible #main-navigation{z-index:1000}
.overlay{inset:0 0 auto;height:var(--app-height);width:100%;min-height:0;padding:var(--content-top) var(--host-right,0px) 0 var(--host-left,0px);overflow:hidden;overscroll-behavior:contain}
.overlay-header{height:auto;min-height:72px;padding:14px 16px;gap:12px;background:var(--bg)}
.overlay-header .icon-button{width:44px;height:44px;flex-shrink:0;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.overlay-header>strong{min-width:0;overflow-wrap:anywhere}.overlay-body{min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(24px + var(--content-bottom));overscroll-behavior-y:contain}
.composer{padding-bottom:var(--safe-bottom);min-width:0}.composer input{min-width:0;width:0}.messages,.uli-messages{min-height:0;overscroll-behavior:contain}
.uli-overlay .overlay-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:clamp(6px,2vw,12px)}.uli-overlay .overlay-header>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uli-overlay #voice-toggle{min-width:0;max-width:36vw;padding-inline:7px;white-space:nowrap;font-size:clamp(9px,2.8vw,11px)}
.uli-overlay .composer,.conversation .composer{padding-bottom:calc(88px + var(--content-bottom))}
input,textarea,select{max-width:100%}.wrap-actions>*{min-width:0}#toast{bottom:auto;top:calc(var(--app-height) - var(--content-bottom) - 135px)}
@media(max-height:500px){.uli-stage{height:130px;min-height:130px}.uli-stage .neural-orb{width:100px;height:100px}.uli-stage .orb-caption{display:none}.overlay-header{min-height:60px;padding-block:8px}}

html,body{touch-action:pan-x pan-y}input,textarea,select{font-size:16px}.photo-zoom-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;background:#080b12}.photo-zoom-stage img{max-width:100%;max-height:100%;object-fit:contain;will-change:transform;pointer-events:none}.photo-zoom-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px calc(12px + var(--content-bottom));flex-shrink:0}.photo-zoom-controls button{min-width:44px;min-height:44px}
body.overlay-nav-visible #main-navigation{z-index:1000}.friends-entry-card{display:flex;width:100%;min-height:62px;align-items:center;justify-content:flex-start;gap:12px;padding:13px 15px;margin:0 0 10px;text-align:left;background:var(--surface);color:var(--text);border-color:var(--line)}.friends-entry-card>svg{color:var(--accent)}.friends-entry-copy{display:grid;flex:1;min-width:0;gap:2px}.friends-entry-copy strong{font-size:13px}.friends-entry-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.friends-entry-arrow{font-size:20px;color:var(--muted)}body.overlay-nav-visible #person-detail .overlay-body{padding-bottom:calc(104px + var(--content-bottom))}