/* Phone layout (under 700px): full-screen app with a floating bottom tab bar. */
:root{--pad:22px;--cols:2;--lcols:1}
#app{width:100%;max-width:520px;height:100%}
.body{padding:0 var(--pad) 140px}
.xh{height:380px}
nav{position:absolute;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;padding:8px;border-radius:38px;background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--b);z-index:10}
nav button{flex:1;padding:12px 0;border-radius:30px}