/* MEAL FAME holding site · Sunday Casserole tokens · 2026-06-11 */
:root{
  --parchment:#FFFAEE;--card:#FFFFFF;--brown:#4A3C35;--blue:#2B4A8C;--blue-hover:#3E63B5;
  --terracotta:#CD5643;--honey:#FCD37C;--cream:#FFE39D;--hairline:#E8DFD2;
  --shadow:0 6px 16px rgba(74,60,53,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--parchment);color:var(--brown);font:400 17px/1.55 'Jost',sans-serif}
.wrap{max-width:680px;margin:0 auto;padding:0 24px}
header{padding:28px 0;border-bottom:1px solid var(--hairline)}
.logo{font-family:'Fraunces',serif;font-weight:800;font-size:1.35rem;color:var(--blue);text-decoration:none}
.logo .fame{font-family:'Caveat',cursive;font-size:1.7rem;color:var(--terracotta);display:inline-block;transform:rotate(-2deg)}
main{padding:64px 0 80px}
h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.1;color:var(--blue)}
h1 .script{font-family:'Caveat',cursive;font-size:1.25em;color:var(--terracotta);display:inline-block;transform:rotate(-2deg)}
h2{font-family:'Fraunces',serif;font-weight:600;font-size:1.4rem;color:var(--blue);margin:48px 0 12px}
h3{font-weight:700;font-size:1.05rem;color:var(--blue);margin:28px 0 8px}
p{margin:14px 0}
.lede{font-size:1.15rem;max-width:540px}
.card{background:var(--card);border:1px solid var(--hairline);border-radius:12px;padding:24px;box-shadow:var(--shadow);margin:18px 0}
.steps{display:grid;gap:14px;margin:24px 0}
.step{display:flex;gap:14px;align-items:flex-start}
.step .n{font-family:'Fraunces',serif;font-weight:800;color:var(--terracotta);font-size:1.4rem;line-height:1.2}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;padding:14px 30px;border-radius:4px;margin-top:20px}
.btn:hover{background:var(--blue-hover)}
.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--terracotta)}
footer{border-top:1px solid var(--hairline);padding:28px 0 48px;font-size:.85rem}
footer a{color:var(--blue)}
.zealot-line{margin-top:10px}
.zealot-line a{font-family:'Caveat',cursive;font-size:1.15rem;color:var(--brown);text-decoration:none;opacity:.8}
.zealot-line a:hover{opacity:1}
.zealot-line .zealot{font-weight:700;font-size:1.6em;display:inline-block;transform:rotate(-2deg);margin:0 3px}
ul{margin:10px 0 10px 22px}
li{margin:6px 0}
.notice{background:var(--card);border:1px solid var(--hairline);border-left:4px solid var(--honey);border-radius:8px;padding:14px 18px;font-size:.9rem;margin:20px 0}
a{color:var(--blue)}

/* ---- launch list dialog ---- */
.notify-dialog{background:var(--card);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 18px 40px rgba(74,60,53,.18);padding:28px;max-width:420px;width:calc(100% - 40px);color:var(--brown)}
.notify-dialog::backdrop{background:rgba(74,60,53,.35)}
.notify-dialog h2{margin:0 0 6px}
.notify-sub{font-size:.95rem;margin:0 0 18px}
.notify-field{display:block;font-weight:600;font-size:.9rem;margin-bottom:14px}
.notify-field .optional{font-weight:400;color:var(--brown);opacity:.65}
.notify-field input{display:block;width:100%;box-sizing:border-box;margin-top:6px;background:#fff;border:3px solid var(--hairline);border-radius:12px;padding:11px 14px;font-family:'Jost',sans-serif;font-size:1rem;color:var(--brown);outline:none;transition:border-color .2s ease,border-radius .2s ease}
.notify-field input:focus{border-color:var(--blue);border-radius:4px}
.kitchen{position:absolute;left:-9999px;height:0;width:0;border:0;padding:0}
.notify-consent{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;margin-bottom:12px;font-weight:400}
.notify-consent input{margin-top:3px;width:18px;height:18px;flex:none}
.notify-error{color:#B23E2D;font-size:.9rem;min-height:1.2em;margin:4px 0 0}
.notify-actions{display:flex;gap:12px;align-items:center;margin-top:12px}
.notify-actions .btn{margin-top:0;border:0;cursor:pointer;font-family:'Jost',sans-serif}
.btn-quiet{background:none;border:0;color:var(--blue);font-family:'Jost',sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;padding:14px 6px}
.btn-quiet:hover{color:var(--blue-hover)}
.notify-done h2{margin:0 0 6px}