/* === Layout: #app, #screen, #bnav, .ni === */
#app{max-width:430px;margin:0 auto;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);position:relative}
#screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#screen::-webkit-scrollbar{display:none}
#screen.has-nav{padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom,8px))}
#bnav{background:var(--bg);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-start;justify-content:space-around;flex-shrink:0;padding-top:6px;padding-bottom:calc(env(safe-area-inset-bottom,8px) + 16px)}
.ni{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 16px;min-width:60px;transition:opacity .15s}
.ni:active{opacity:.6}
.ni-lbl{font-size:10px;font-weight:500;color:var(--t3)}
.ni.on .ni-lbl{color:var(--ac);font-weight:700}