/* Day mode — Bold Yard Sign (from pop-a) */
html[data-mode="day"],
body[data-mode="day"] {
  --bg: #F5F0E8;
  --card: #FFFFFF;
  --ink: #0A0A0A;
  --ink-2: #1A1A1A;
  --muted: #4A4A4A;
  --line: #1A1A1A;
  --brand: #E63946;
  --brand-dark: #B82D38;
  --brand-soft: #FFE5E8;
  --ok: #1B7A3D;
  --warn: #F4A261;
  --danger: #E63946;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow: 0 4px 0 #0A0A0A, 0 8px 20px rgba(0,0,0,0.12);
  --shadow-sm: 0 2px 0 #0A0A0A;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-family: var(--font);
  background: var(--bg);
  color: var(--ink);
}
body[data-mode="day"] .phone,
body[data-mode="day"] .app-shell,
body[data-mode="day"] .screen,
body[data-mode="day"] .map-home {
  background: var(--bg) !important;
  color: var(--ink);
}
body[data-mode="day"] .map-brand-float {
  background: #fff !important;
  border: 3px solid #0A0A0A !important;
  border-radius: 10px !important;
  box-shadow: 4px 4px 0 #E63946 !important;
  padding: 6px 12px !important;
}
body[data-mode="day"] .map-search {
  border: 3px solid #0A0A0A !important;
  border-radius: 12px !important;
  box-shadow: 3px 3px 0 #E63946 !important;
  background: #fff !important;
}
body[data-mode="day"] .example-banner,
body[data-mode="day"] .map-home-banner {
  background: #111111 !important;
  color: #fff !important;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 11px !important;
}
body[data-mode="day"] .btn-primary,
body[data-mode="day"] .chip.on,
body[data-mode="day"] .cat-chip.active,
body[data-mode="day"] #priceChips .active,
body[data-mode="day"] #catChips .active {
  background: #E63946 !important;
  color: #fff !important;
  border: 2px solid #0A0A0A !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
}
body[data-mode="day"] .btn-secondary {
  background: #fff !important;
  color: #0A0A0A !important;
  border: 2px solid #0A0A0A !important;
  box-shadow: 2px 2px 0 #E63946 !important;
  font-weight: 700 !important;
}
body[data-mode="day"] .tabbar a.active:not(.post-tab) {
  background: #E63946 !important;
  color: #fff !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  border-radius: 12px !important;
}
body[data-mode="day"] .post-tab,
body[data-mode="day"] .tabbar .post-tab {
  background: transparent !important;
  box-shadow: none !important;
}
body[data-mode="day"] .post-tab .post-fab,
body[data-mode="day"] .tabbar .post-tab .post-fab {
  background: #E63946 !important;
  box-shadow: 0 4px 0 #0A0A0A, 0 6px 16px rgba(230,57,70,0.35) !important;
  border: 2.5px solid #0A0A0A !important;
}
body[data-mode="day"] .bottom-sheet,
body[data-mode="day"] .screen {
  background: var(--bg) !important;
}
body[data-mode="day"] .bottom-sheet {
  border-top: 3px solid #0A0A0A !important;
  box-shadow: 0 -6px 0 rgba(230,57,70,0.15) !important;
}
body[data-mode="day"] .sale-card,
body[data-mode="day"] .inv-result-card,
body[data-mode="day"] .item-card {
  border: 2.5px solid #0A0A0A !important;
  border-radius: 14px !important;
  box-shadow: 4px 4px 0 #E63946 !important;
  background: #fff !important;
  position: relative;
  overflow: visible !important;
}
body[data-mode="day"] .inv-price,
body[data-mode="day"] .item-card .price,
body[data-mode="day"] .sticker-price {
  display: inline-block;
  background: #E63946;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  padding: 4px 10px;
  border: 2px solid #0A0A0A;
  border-radius: 8px;
  transform: rotate(-3deg);
  box-shadow: 2px 2px 0 #0A0A0A;
  letter-spacing: -0.02em;
}
body[data-mode="day"] .inv-result-card .sticker-price {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
}
body[data-mode="day"] .yard-arrow {
  position: absolute;
  pointer-events: none;
  z-index: 850;
  color: #E63946;
  filter: drop-shadow(2px 2px 0 #0A0A0A);
}
body[data-mode="day"] .yh-house.pin-b {
  animation: yardBounce 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
body[data-mode="day"] .yh-house.pin-b.active {
  filter: drop-shadow(0 0 8px rgba(230,57,70,0.55));
  animation: yardBounce 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes yardBounce {
  0% { transform: translateY(-28px) scale(0.6); opacity: 0; }
  60% { transform: translateY(4px) scale(1.08); opacity: 1; }
  100% { transform: translateY(0) scale(1); }
}
body[data-mode="day"] .chip-bar button,
body[data-mode="day"] .cat-chip {
  border: 2px solid #0A0A0A !important;
  background: #fff !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}
body[data-mode="day"] .status-pill.available {
  background: #0A0A0A; color: #fff; font-weight: 800;
}
body[data-mode="day"] .status-pill.reserved {
  background: #F4A261; color: #0A0A0A; font-weight: 800; border: 2px solid #0A0A0A;
}
body[data-mode="day"] .locate-btn {
  border: 3px solid #0A0A0A !important;
  box-shadow: 3px 3px 0 #E63946 !important;
  background: #fff !important;
}
body[data-mode="day"] .desk-panel h1,
body[data-mode="day"] .screen-head h1 {
  font-weight: 900;
  letter-spacing: -0.03em;
}