/* Golden Glow design system — Look A base (cream/chocolate/gold, lace, script+serif) + Look C accents (cherry, leopard, stars) */
:root{
  --paper:#F8F3E9; --card:#FDFAF3; --ink:#33220F; --choc:#4F3117; --muted:#6B5738;
  --gold:#B98A44; --gold-soft:#F1E4CC; --cherry:#8E1F2C; --cherry-soft:#F6E3E1;
  --line:#E6D9BF; --good:#1B7F4B;
  --disp:'Fraunces',Georgia,serif; --body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light} /* brand commits to the warm palette in any system theme */
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
  background-image:radial-gradient(circle at 85% -10%, rgba(185,138,68,.13), transparent 45%)}
.wrap{max-width:460px;margin:0 auto;padding:0 18px 40px}

/* type */
.script{font:italic 500 1em var(--disp);color:var(--choc)}
h1,h2,h3{font-family:var(--disp);color:var(--choc);font-weight:600;line-height:1.12}
.eyebrow{font:700 12px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

/* signature: scallop lace divider + leopard strip */
.scallop{height:10px;background:radial-gradient(circle at 6px -2px, transparent 6px, var(--gold) 6.5px, var(--gold) 7px, transparent 7.5px) repeat-x;background-size:12px 10px;opacity:.5;margin:14px 0}
.leo{height:8px;background:
  radial-gradient(ellipse 4px 3px at 7px 4px, #6B4423 45%, transparent 47%),
  radial-gradient(ellipse 3px 4px at 20px 5px, #6B4423 45%, transparent 47%),
  radial-gradient(ellipse 4px 3px at 33px 2px, #6B4423 45%, transparent 47%),
  #C89B66;background-size:40px 8px;border-radius:99px}

/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.lace{border-radius:26px;position:relative}
.lace::before{content:"";position:absolute;inset:6px;border:1px solid var(--gold);border-radius:20px;opacity:.5;pointer-events:none}

/* buttons */
.btn{font:800 16px var(--body);border:none;border-radius:14px;padding:15px 22px;min-height:52px;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:transform .07s}
.btn:active{transform:scale(.98)}
.btn-main{width:100%;background:var(--choc);color:var(--paper)}
.btn-cherry{width:100%;background:var(--cherry);color:#fff}
.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.btn[disabled]{opacity:.5;cursor:default}

/* inputs */
input[type=text],input[type=tel],input[type=email],input[type=date],input[type=number],textarea,select{
  width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 14px;
  font:500 16px var(--body);color:var(--ink)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
label.lab{display:block;font:700 15px var(--body);margin:18px 0 8px}
label.lab .hint{font-weight:400;color:var(--muted);font-size:13px}

/* chips / pills */
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 16px;font:600 15px var(--body);
  min-height:44px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.pill.on{background:var(--choc);border-color:var(--choc);color:var(--paper)}
.pill.on::before{content:"✓";color:var(--gold);font-weight:800;font-size:13px}
.pill.cherry.on{background:var(--cherry);border-color:var(--cherry)}
.pill.cherry.on::before{color:#F2C7C2}

.badge-pop{display:inline-block;background:var(--cherry);color:#fff;font:800 11.5px var(--body);letter-spacing:.12em;text-transform:uppercase;border-radius:99px;padding:3px 10px}
.star{color:var(--gold)}
.note{background:var(--gold-soft);border-radius:12px;padding:13px 15px;font-size:14.5px;color:#5C3B1A}
.note-cherry{background:var(--cherry-soft);border-radius:12px;padding:13px 15px;font-size:14.5px;color:var(--cherry)}
.muted{color:var(--muted)}
.err{color:#B3261E;font-size:14.5px}

/* day strip + time grid */
.days{display:flex;gap:8px;overflow-x:auto;padding:6px 2px;scrollbar-width:none}
.days::-webkit-scrollbar{display:none}
.day{flex:0 0 62px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.day .dw{font:700 11px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.day .dn{font:600 19px var(--disp);color:var(--choc);margin-top:1px}
.day.off{opacity:.38}
.day.on{background:var(--choc);border-color:var(--choc)}
.day.on .dw{color:var(--gold)}.day.on .dn{color:var(--paper)}
.times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tm{text-align:center;background:#fff;border:1px solid var(--line);border-radius:99px;padding:14px 0;min-height:48px;font:600 15px var(--body);cursor:pointer;-webkit-tap-highlight-color:transparent}
.tm.on{background:var(--cherry);border-color:var(--cherry);color:#fff}

/* thread */
/* Callie script + ornaments (no random emojis — brand marks only) */
.gv{font-family:'Great Vibes','Fraunces',cursive;font-weight:400}
.orn{display:inline-block;background:center/contain no-repeat;vertical-align:-.18em}
.i-bow{width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 11.5 C8.5 6.5 2.5 7.5 3.5 11 C4.5 14.5 9.5 13.5 12 11.5 C14.5 13.5 19.5 14.5 20.5 11 C21.5 7.5 15.5 6.5 12 11.5 Z' fill='%23F6E3E1' stroke='%238E1F2C' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='11.5' r='1.8' fill='%238E1F2C'/%3E%3Cpath d='M10.6 13 L9 19 M13.4 13 L15 19' stroke='%238E1F2C' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}
.i-cherry{width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='16.5' r='4.4' fill='%238E1F2C'/%3E%3Ccircle cx='16.4' cy='17.4' r='3.7' fill='%23A32638'/%3E%3Cpath d='M8.6 12.2 C10 6.5 14 5.2 19.4 4.2 M16.6 13.8 C16.4 9.5 17.4 6.4 19.4 4.2' stroke='%234F3117' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.i-spark{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L13.7 10.3 L22 12 L13.7 13.7 L12 22 L10.3 13.7 L2 12 L10.3 10.3 Z' fill='%23B98A44'/%3E%3C/svg%3E")}
.i-heartc{width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21 C5 15.5 2.5 11.5 4.5 7.8 C6.2 4.7 10.2 4.9 12 8 C13.8 4.9 17.8 4.7 19.5 7.8 C21.5 11.5 19 15.5 12 21 Z' fill='%234F3117'/%3E%3C/svg%3E")}
.compose .btn{width:auto;flex:0 0 auto}
.thread{display:flex;flex-direction:column;gap:8px}
.bub{max-width:86%;border-radius:16px;padding:10px 14px;font-size:15px;white-space:pre-wrap;word-break:break-word}
.bub.client{align-self:flex-end;background:var(--choc);color:var(--paper);border-bottom-right-radius:5px}
.bub.callie{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}
.bub.auto{align-self:flex-start;background:var(--gold-soft);border-bottom-left-radius:5px}
.bub .who{display:block;font:700 10.5px var(--body);letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:3px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}