:root{color:#1a1a1a;background:#fff;font-family:system-ui,sans-serif;font-size:100%}*{box-sizing:border-box}body{margin:0}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));color:#fff;background:#1f2937;justify-content:space-between;align-items:center;font-weight:600;display:flex}.lang{min-width:44px;min-height:44px;font:inherit;color:#fff;background:0 0;border:1px solid #9ca3af;border-radius:6px}.screen{flex:1;padding:16px}.tabbar{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #e5e7eb;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.tabbar a{color:#4b5563;justify-content:center;align-items:center;min-height:56px;font-size:.875rem;text-decoration:none;display:flex}.tabbar a.active{color:#1f2937;font-weight:600}.muted{color:#6b7280}