*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#1f2937;-webkit-text-size-adjust:100%;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}.top-nav{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e5e7eb;gap:12px;display:flex;position:sticky;top:0}.nav-button{color:#1f2937;background:#eef2ff;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:48px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.nav-button.active{color:#fff;background:#2563eb}.page{max-width:1024px;margin:0 auto;padding:24px 16px}.placeholder{text-align:center;margin-top:64px;font-size:20px}