/* Moon Compat styles — Yellow/Black theme */
:root{
  --mc-bg:#0b0b0b;
  --mc-card:#111111;
  --mc-text:#f8f8f8;
  --mc-sub:#c7c7c7;
  --mc-accent:#ffd54a; /* warm yellow */
  --mc-accent-d:#e9c03f;
  --mc-border:#232323;
}

.moon-compat-wrap{background:var(--mc-card);border:1px solid var(--mc-border);padding:20px;border-radius:16px;max-width:720px;color:var(--mc-text);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.moon-compat-title{margin:0 0 14px 0;font-size:1.4rem;color:var(--mc-accent);letter-spacing:.3px}

.moon-compat-form .mc-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;align-items:center}
.moon-compat-form label{font-weight:600;color:var(--mc-sub)}
.moon-compat-form input[type="date"],
.moon-compat-form input[type="time"]{padding:10px 12px;border:1px solid var(--mc-border);border-radius:10px;background:#0f0f0f;color:var(--mc-text)}
.moon-compat-form input[type="date"]:focus,
.moon-compat-form input[type="time"]:focus{outline:none;border-color:var(--mc-accent);box-shadow:0 0 0 3px rgba(255,213,74,.25)}

.mc-btn{padding:12px 18px;border-radius:9999px;border:1px solid var(--mc-accent);background:var(--mc-accent);color:#111;cursor:pointer;font-weight:700;transition:.2s transform ease,.2s box-shadow ease}
.mc-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,213,74,.35)}

.moon-compat-result{margin-top:18px}
.mc-card{border:1px solid var(--mc-border);border-radius:14px;padding:16px;background:#0f0f0f}
.mc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.mc-score{display:flex;align-items:flex-end;gap:10px;margin-bottom:8px}
.mc-score-num{font-size:2.6rem;font-weight:900;line-height:1;color:var(--mc-accent);text-shadow:0 2px 12px rgba(255,213,74,.3)}
.mc-score-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:var(--mc-sub)}

.mc-actions .mc-retry{background:transparent;border:1px solid var(--mc-border);padding:8px 12px;border-radius:9999px;color:var(--mc-text);cursor:pointer}
.mc-actions .mc-retry:hover{border-color:var(--mc-accent);color:var(--mc-accent)}

.mc-phases{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 6px}
.mc-person{display:flex;align-items:center;gap:10px}
.mc-moon{font-size:1.6rem;filter:drop-shadow(0 2px 6px rgba(255,213,74,.25))}

.mc-notes{margin:10px 0 0 18px}
.mc-tip{margin-top:10px;font-style:italic;color:var(--mc-sub)}

.mc-loading{opacity:.9;color:var(--mc-sub)}
.mc-error{color:#ff6b6b}
/* End theme */