/* The mobile app has one navigation bar. Content owns its local back/title controls. */
.app-create-action{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:12px 15px;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--cream);font:inherit;text-align:left}
.app-create-action>.icon{width:21px;height:21px;flex:none}
.quick-actions-list{display:grid;gap:5px;min-width:0}
.quick-action{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 8px;border:0;border-radius:12px;background:transparent;color:var(--cream);text-align:left;font:inherit;text-decoration:none}
.quick-action:hover{background:#ffffff08}.quick-action:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.quick-action-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:#ffffff05;color:var(--rose)}
.quick-action-icon>.icon{width:21px;height:21px}.quick-action>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.quick-action strong{font-size:14px;line-height:20px;font-weight:600}.quick-action small{font-size:12px;line-height:18px;color:var(--muted)}
.quick-action>.icon{width:17px;height:17px;flex:none;color:var(--muted)}
#dialog.is-quick-actions .dialog-head{align-items:center;gap:12px}#dialog.is-quick-actions .dialog-head>.icon-btn{min-width:44px;min-height:44px}
.profile-settings-link{min-width:44px;min-height:44px;flex:none}
@media(min-width:768px) and (max-width:1024px) and (min-height:501px){.app-create-action{justify-content:center;padding:12px 0}.app-create-action>span{display:none}}
@media(max-width:767px), (max-width:1024px) and (max-height:500px) and (pointer:coarse){
 body.appmode{--app-bottom-nav-height:calc(64px + env(safe-area-inset-bottom));min-width:0}
 body.appmode .app-layout{padding-left:0;padding-top:env(safe-area-inset-top);padding-bottom:var(--app-bottom-nav-height);min-height:100dvh}
 body.appmode .app-layout>.app-topbar,body.appmode .app-sidebar{display:none}
 body.appmode .app-main{min-width:0;max-width:100%;scroll-margin-top:env(safe-area-inset-top)}
 body.appmode .mobile-discovery-bar{display:none}
 body.appmode .bottom-nav{position:fixed;z-index:40;inset:auto 0 0;display:flex;align-items:center;justify-content:space-around;gap:0;min-height:0;height:var(--app-bottom-nav-height);padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:1px solid #62415855;background:#211520f7;backdrop-filter:blur(18px)}
 body.appmode .bottom-nav>:is(a,button){position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:0;min-width:44px;min-height:52px;height:52px;padding:2px 1px;margin:0;border:0;border-radius:8px;background:transparent;color:#bda9b8;font-family:var(--sans);font-size:10px;line-height:14px;font-weight:500;text-decoration:none;touch-action:manipulation}
 body.appmode .bottom-nav>:is(a,button)>.icon,body.appmode .bottom-nav .nav-icon-wrap>.icon{width:23px;height:23px}
 body.appmode .bottom-nav>:is(a,button)>span:not(.nav-icon-wrap):not(.nav-create-icon){max-width:100%;white-space:nowrap}
 body.appmode .bottom-nav .nav-icon-wrap{position:relative;display:grid;place-items:center;width:25px;height:25px}
 body.appmode .bottom-nav .nav-create-icon{display:grid;place-items:center;width:29px;height:25px;border:1.5px solid currentColor;border-radius:8px;color:var(--cream)}
 body.appmode .bottom-nav .nav-create-icon>.icon{width:18px;height:18px}
 body.appmode .bottom-nav>a.active{color:var(--rose)}
 body.appmode .bottom-nav>a.active::before{content:"";position:absolute;top:-6px;left:calc(50% - 10px);right:auto;width:20px;height:2px;border-radius:2px;background:currentColor}
 body.appmode .bottom-nav>:is(a,button):focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
 body.appmode.app-keyboard-open{--app-bottom-nav-height:0px}
 body.appmode.app-keyboard-open .bottom-nav{display:none}
 body.appmode .toast{bottom:calc(var(--app-bottom-nav-height) + 12px);max-width:calc(100% - 24px);font-size:12px}
 body.appmode:not(.demo-social):not(.discovery-classic):not(.private-profile-page):not(.chat-page) .app-main{padding:20px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}
 body.appmode #dialog .dialog-head .icon-btn{min-width:44px;min-height:44px}
 body.appmode .app-title-row{align-items:flex-start;gap:12px}
 body.appmode .app-title-row h1{font-size:29px;line-height:1.15}
 body.appmode .app-title-row .eyebrow{font-size:9px;line-height:16px;margin-bottom:8px}
 body.appmode .discovery-preferences{scroll-margin-top:12px}
 #dialog.is-quick-actions{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:calc(var(--app-viewport-height,100dvh) - env(safe-area-inset-top) - 12px);margin:0;border-radius:22px 22px 0 0;border-bottom:0;overscroll-behavior:contain}
 #dialog.is-quick-actions .dialog-head{padding:16px 16px 8px}
 #dialog.is-quick-actions .dialog-head h2{font-size:19px;line-height:25px}
 #dialog.is-quick-actions .dialog-body{padding:0 max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .quick-action{min-height:66px;padding:10px 5px;gap:12px}.quick-action small{font-size:11px;line-height:17px}
}
@media(prefers-reduced-motion:reduce){.quick-action,.bottom-nav>*{transition:none}}