*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#222;background:#f4f4f4;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}.app{background:#fff;flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex}.page{flex:1;padding:16px;overflow-y:auto}.tabbar{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ddd;display:flex}.tab{text-align:center;color:#888;flex:1;padding:12px 4px;font-size:12px;text-decoration:none}.tab.active{color:#222;font-weight:700}