* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Yu Gothic", "YuGothic", "游ゴシック", "Hiragino Sans", "Meiryo", sans-serif;
  color: #3b2f33;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
#app-nav {
  position: sticky; top: 0; z-index: 10;
  padding: 8px 16px; background: rgba(255,255,255,0.7); backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
#app-nav .nav-inner {
  display: flex; align-items: center; gap: 4px;
  max-width: 1040px; margin: 0 auto;
}
#app-nav a {
  font-size: 13px; letter-spacing: .08em; text-decoration: none; color: #6b5b60;
  padding: 6px 14px; border-radius: 999px; border: 1px solid transparent;
}
#app-nav a.active { color: #b14a5e; border-color: rgba(177,74,94,0.4); }
#app-root { min-height: calc(100vh - 45px); }
.view-pad { max-width: 430px; margin: 0 auto; padding: 16px; }