html.cody-host { background: #f5f5f7; }
html.cody-host body {
  background: #f5f5f7 !important;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, sans-serif;
  letter-spacing: -.01em;
}
html.cody-host .app { width: min(100%, 560px); background: #f5f5f7 !important; box-shadow: none !important; }
html.cody-host .topbar {
  background: rgba(245,245,247,.82) !important;
  border-bottom: 1px solid rgba(0,0,0,.06);
  backdrop-filter: saturate(180%) blur(20px);
}
html.cody-host .wordmark { color: #1d1d1f !important; font-size: 17px; font-weight: 700; letter-spacing: -.04em; }
html.cody-host .screen.page,
html.cody-host .screen.auth,
html.cody-host .screen.splash { padding-left: 22px; padding-right: 22px; }
html.cody-host .page-title,
html.cody-host .sheet h2,
html.cody-host .splash h1 {
  color: #1d1d1f !important;
  font-weight: 700;
  letter-spacing: -.065em;
}
html.cody-host .page-title { font-size: clamp(42px,12vw,62px); line-height: .93; }
html.cody-host .kicker,
html.cody-host .section-head h2,
html.cody-host .result-heading { color: #6e6e73 !important; letter-spacing: .08em; font-weight: 700; }
html.cody-host .muted,
html.cody-host .lead,
html.cody-host .profile-hero p,
html.cody-host .event-info time { color: #6e6e73 !important; }
html.cody-host .hero,
html.cody-host .profile-hero,
html.cody-host .event-card,
html.cody-host .stats .stat-card,
html.cody-host .friends-entry,
html.cody-host .notification,
html.cody-host .settings-accordion,
html.cody-host .settings-block,
html.cody-host .back,
html.cody-host .searchbox,
html.cody-host .calendar-toolbar,
html.cody-host .month-grid,
html.cody-host .team-card,
html.cody-host .support-entry {
  border: 1px solid rgba(0,0,0,.07) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.055) !important;
}
html.cody-host .hero { overflow: hidden; border-radius: 28px !important; }
html.cody-host .hero-copy h1 { letter-spacing: -.065em; }
html.cody-host .event-card,
html.cody-host .friends-entry,
html.cody-host .notification,
html.cody-host .team-card,
html.cody-host .support-entry { margin-bottom: 10px; }
html.cody-host .event-card:active,
html.cody-host .profile-link:active,
html.cody-host .nav button:active,
html.cody-host .btn:active { transform: scale(.985); }
html.cody-host .btn {
  min-height: 50px;
  border-radius: 16px !important;
  font-weight: 700;
  letter-spacing: -.01em;
  transition: transform .18s ease, filter .18s ease;
}
html.cody-host .btn.light { background: #1d1d1f !important; border-color: #1d1d1f !important; color: #fff !important; }
html.cody-host .btn.ghost { background: rgba(255,255,255,.72) !important; border-color: rgba(0,0,0,.12) !important; color: #1d1d1f !important; }
html.cody-host input,
html.cody-host textarea,
html.cody-host select {
  border: 1px solid rgba(0,0,0,.1) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.82) !important;
  color: #1d1d1f !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.025);
}
html.cody-host input:focus,
html.cody-host textarea:focus,
html.cody-host select:focus { border-color: #0071e3 !important; box-shadow: 0 0 0 4px rgba(0,113,227,.13) !important; }
html.cody-host .nav {
  bottom: 18px !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.09) !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.14) !important;
  backdrop-filter: saturate(180%) blur(24px);
}
html.cody-host .nav button { color: #86868b !important; }
html.cody-host .nav button.active { background: #eef0f3 !important; color: #1d1d1f !important; }
html.cody-host .nav .add { background: #1d1d1f !important; border-color: #f5f5f7 !important; box-shadow: 0 8px 22px rgba(0,0,0,.2) !important; }
html.cody-host .modal { background: rgba(0,0,0,.28) !important; backdrop-filter: blur(5px); }
html.cody-host .sheet {
  background: rgba(250,250,252,.96) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 28px 28px 0 0 !important;
  box-shadow: 0 -12px 50px rgba(0,0,0,.12) !important;
}
html.cody-host .sheet h2 { font-size: 42px; }
html.cody-host .close,
html.cody-host .back,
html.cody-host .overflow-link { color: #1d1d1f !important; }
html.cody-host .splash {
  min-height: 100svh;
  justify-content: center;
  background: radial-gradient(circle at 50% 30%, #fff 0, #f5f5f7 56%) !important;
}
html.cody-host .splash h1 { font-size: clamp(58px,18vw,96px); line-height: .86; }
html.cody-host .splash .lead { max-width: 260px; font-size: 17px; line-height: 1.35; }
html.cody-host .guest { max-width: 560px; padding: 64px 22px 40px; }
html.cody-host .guest h1 { color: #1d1d1f; font-weight: 700; letter-spacing: -.065em; }
html.cody-host .guest p { color: #6e6e73; }
html.cody-host .guest > a { background: #1d1d1f; border-radius: 16px; }
html.cody-host .guest small { color: #6e6e73; }
html.cody-host .guest small a { color: #0071e3; }
@media (min-width: 700px) {
  html.cody-host body { padding: 18px 0; }
  html.cody-host .app { min-height: calc(100vh - 36px); border-radius: 32px; overflow: hidden; }
}