/* Switch Log — 月と雪 (Moon & Snow)
   Appearance layer ONLY; never changes data, permissions, authentication, page sizing, or input zoom.
   Loaded after snow-world.css; preserve iPhone 16 viewport & >=16px form inputs.
*/
:root {
  --sl-moon-midnight: #244762;
  --sl-moon-ice: #d8f3ff;
  --sl-moon-glow: #f0fbff;
  --sl-moon-silver: #e5f3fc;
  --sl-moon-ink: #2b455a;
}
html { background-color: #f0faff; }
body {
  color: var(--sl-moon-ink) !important;
  background-color: #f0faff !important;
  background-image:
    url('/moon-snow-stardust.svg'),
    url('/snowflakes.svg'),
    radial-gradient(ellipse 68% 34% at 97% 3%, rgba(194,225,255,.56), transparent 85%),
    radial-gradient(ellipse 65% 35% at 3% 72%, rgba(212,242,255,.52), transparent 88%),
    linear-gradient(165deg,#fbfeff 0%,#eff9ff 51%,#e9f6ff 100%) !important;
  background-size: 900px 1150px, 700px 850px, cover, cover, cover !important;
  background-position: center top, center top, center center, center center, center center !important;
  background-repeat: repeat-y, repeat-y, no-repeat, no-repeat, no-repeat !important;
}
/* Upper-right crescent is deliberately translucent; text remains legible. */
.cloud-header {
  background-image: url('/moon-snow-header.svg'),
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(222,242,255,.88)) !important;
  background-position: right top, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: min(80vw,350px) auto, cover !important;
  border-color: #d2e9f7 !important;
  box-shadow: 0 10px 26px rgba(72,133,180,.08) !important;
}
.cloud-brand { color: #548cba !important; }
.cloud-header h1, .timeline-ui h1, .timeline-ui h2 { color: #294964 !important; }
/* Light cards, moonlight rim; no expensive blur or motion. */
.cloud-card, .timeline-ui .timeline-hero,
.timeline-ui .timeline-form-card, .timeline-ui .timeline-entry-card {
  border-color: #d1e9f5 !important;
  background: linear-gradient(156deg,rgba(255,255,255,.99),rgba(248,253,255,.97)) !important;
  box-shadow: 0 7px 26px rgba(52,122,164,.09) !important;
}
.timeline-ui .timeline-hero, .timeline-ui .timeline-form-card { position: relative; }
.cloud-app .cloud-card h2, .cloud-app .cloud-card h3,
.timeline-hero-name, .timeline-entry-name { color: #2c4b64 !important; }
.timeline-ui .timeline-home-top-action .timeline-primary {
  background: linear-gradient(118deg,#337fa9,#4d9ecc 56%,#6896c5) !important;
  box-shadow: 0 9px 21px rgba(40,124,173,.19) !important;
  color: #fff !important;
}
/* Highlight active state, keeping tab count and safe-area behavior unchanged. */
.cloud-tabs {
  background: rgba(250,254,255,.985) !important;
  border-top-color: #c9e7f7 !important;
  box-shadow: 0 -7px 23px rgba(57,129,173,.08) !important;
}
.cloud-app .cloud-tab { color: #69859c !important; }
.cloud-app .cloud-tab.active {
  background: linear-gradient(145deg,#d6f2ff,#eaf6ff) !important;
  box-shadow: inset 0 0 0 1px #c2e8f8 !important;
  color: #1a618b !important;
}
/* SVG snowflake: both owner and partner nav, visually stable on iOS. */
.cloud-app .cloud-tab .sl-snow-nav-icon {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  stroke: currentColor;
  fill: none;
  flex: none;
}
.cloud-app .cloud-tab[aria-pressed="true"] .sl-snow-nav-icon { stroke: #1675a4; }
.kana-heading {
  background: linear-gradient(95deg,#d8f1fc,#f2faff) !important;
  border-color: #c4e4f4 !important;
}
.cloud-app .kana-button.current { background-color: #387fac !important; border-color: #387fac !important; }
/* Keep destructive buttons red and forms at their current accessible size. */
.cloud-app .danger-btn, .cloud-app .person-danger-btn {
  background: #b44765 !important;
  color: white !important;
}
.cloud-app :is(input,textarea,select):focus-visible,
.timeline-ui :is(input,textarea,select):focus-visible {
  outline-color: #75b9dc !important;
}
/* Do not apply transforms, zoom, min-width, or font-size overrides. */
@media (prefers-reduced-transparency: reduce) {
  .cloud-tabs { background: #fff !important; }
}