/* Warm, approachable framing for the site and all composer steps. */
.sst-cheerful-ui>header{border-bottom-color:#f1e2d3}
.sst-cheerful-ui>footer{background:#fffaf4;border-top-color:#f0dfcd}
.sst-wizard-ui{background:linear-gradient(135deg,#fffaf1 0%,#fffdf9 48%,#f6f1fb 100%)}
.sst-wizard-ui main>section>h1,.sst-wizard-ui main>section>div>div>h1{color:#243340;letter-spacing:-.035em;font-weight:700}
.sst-wizard-ui [data-wizard-form],.sst-wizard-ui [data-wizard-summary]>.space-y-6>div{
  background:linear-gradient(145deg,#fff,#fffaf3);border-color:#efdfcd;
  box-shadow:0 14px 38px #b7763810;
}
.sst-wizard-ui [data-step-progress]{background:linear-gradient(90deg,#e95824,#ec9b38)}
.sst-wizard-ui [data-preview-shell]{background:linear-gradient(145deg,#fff,#fffaf1);border-color:#ecdcca;box-shadow:0 14px 38px #a46b3012}
.sst-wizard-ui [data-addon-card],.sst-wizard-ui [data-choice-option]{background:#fffdf9;box-shadow:0 7px 20px #ad74350d}
.sst-wizard-ui :is([data-addon-card],[data-choice-option]):not(.ring-4){border-color:#ebdfd4}
.sst-wizard-ui :is([data-addon-card],[data-choice-option]).ring-4{background:#fff4e6;border-color:#ee9b64}
.sst-wizard-ui :is([data-addon-card],[data-choice-option]):hover{box-shadow:0 10px 25px #ad74351a}
.sst-wizard-ui [data-emoji-bank]{background:#fffcf6;border-color:#efdfcd}
.sst-wizard-ui [data-emoji-value]{background:#fff6e5;border-color:#efe0c8}
.sst-wizard-ui [data-extra-recipients]{background:#f1f6ee;border-color:#dce8d4}
.sst-wizard-ui :is(button,a)[class*="bg-[#ff5a1f]"],.sst-wizard-ui :is(button,a)[class*="bg-[#fb5a1f]"]{background:#cf471c}
.sst-wizard-ui :is(input,select,textarea):focus-visible{outline:3px solid #f1ae70;outline-offset:2px}
.sst-wizard-ui main>section a.group{border-color:#ebdfd2;box-shadow:0 9px 28px #aa704013}
.sst-wizard-ui main>section a.group:hover{border-color:#ebae7e;box-shadow:0 14px 32px #aa704020}
.sst-wizard-ui main>section a.group>h2{font-weight:700}
.sst-wizard-ui main>section a.group [class*="bg-gradient-to-br"]{background-image:linear-gradient(135deg,var(--tw-gradient-stops,#ffd99c,#f79869))}
@media(prefers-reduced-motion:reduce){.sst-wizard-ui :is([data-addon-card],[data-choice-option]){transition:none!important}}
/* The category picker uses the same pastel cards and icons as the home page. */
.sst-create.sst-home{padding-top:48px;padding-bottom:48px}
.sst-create.sst-home .sst-home__catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
.sst-create.sst-home .sst-home__category{padding:23px}
.sst-create.sst-home .sst-home__category-description{margin-bottom:2px}
@media(max-width:1000px){.sst-create.sst-home .sst-home__catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sst-create.sst-home .sst-home__catalog{grid-template-columns:minmax(0,1fr)}.sst-create.sst-home{padding-top:36px;padding-bottom:36px}}

/* Occasions within all ten category pickers: native colours do not depend on Tailwind's dynamic gradient classes. */
.sst-wizard-ui [data-occasion-picker] [data-occasion-card]{
  --occasion-tile-a:#fff1d2;--occasion-tile-b:#f9decf;--occasion-ink:#8a582e;--occasion-paper:#fff9f2;--occasion-border:#eadcc9;
  background:linear-gradient(145deg,#fff 14%,var(--occasion-paper));border-color:var(--occasion-border);
  box-shadow:0 5px 16px #99744d0c;
}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card]:hover{border-color:#d5b999;box-shadow:0 8px 21px #99744d15}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-amber-300 to-orange-400"]{--occasion-tile-a:#fff1d2;--occasion-tile-b:#f9decf;--occasion-ink:#8a582e;--occasion-paper:#fff9f2;--occasion-border:#eadcc9}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-rose-300 to-orange-300"]{--occasion-tile-a:#fae5e9;--occasion-tile-b:#f9e3d6;--occasion-ink:#955c52;--occasion-paper:#fff7f5;--occasion-border:#eaddd7}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-sky-300 to-pink-300"]{--occasion-tile-a:#e2eff5;--occasion-tile-b:#f5e4ee;--occasion-ink:#566f90;--occasion-paper:#f8f9fd;--occasion-border:#dfe2eb}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-violet-300 to-fuchsia-300"]{--occasion-tile-a:#ebe3f8;--occasion-tile-b:#f5e3ee;--occasion-ink:#795886;--occasion-paper:#faf7fd;--occasion-border:#e3daeb}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-stone-200 to-amber-300"]{--occasion-tile-a:#f0e9df;--occasion-tile-b:#f6e8cf;--occasion-ink:#807054;--occasion-paper:#fffaf3;--occasion-border:#e7dfd3}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-lime-300 to-emerald-300"]{--occasion-tile-a:#edf3d9;--occasion-tile-b:#dfeee4;--occasion-ink:#5c7956;--occasion-paper:#f7fbf3;--occasion-border:#dde7d8}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-orange-300 to-red-300"]{--occasion-tile-a:#fae5cf;--occasion-tile-b:#f9dfdb;--occasion-ink:#a46145;--occasion-paper:#fff7f1;--occasion-border:#eedbd0}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-cyan-300 to-blue-400"]{--occasion-tile-a:#dff1ef;--occasion-tile-b:#e0e9f6;--occasion-ink:#4f7793;--occasion-paper:#f5fafc;--occasion-border:#dce6eb}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-yellow-300 to-orange-400"]{--occasion-tile-a:#fff1c9;--occasion-tile-b:#f8e2d0;--occasion-ink:#93682a;--occasion-paper:#fffaf0;--occasion-border:#eee2c8}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-slate-300 to-slate-500"]{--occasion-tile-a:#e7edf0;--occasion-tile-b:#dae2e8;--occasion-ink:#667a8d;--occasion-paper:#f7f9fa;--occasion-border:#dfe5e8}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-amber-200 to-orange-300"]{--occasion-tile-a:#fff4da;--occasion-tile-b:#f9e8d7;--occasion-ink:#8a652e;--occasion-paper:#fffbf5;--occasion-border:#e9dfcc}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-yellow-300 to-emerald-300"]{--occasion-tile-a:#f9f0d1;--occasion-tile-b:#e1eee1;--occasion-ink:#687944;--occasion-paper:#fafcf1;--occasion-border:#e4e7d5}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-emerald-200 to-teal-300"]{--occasion-tile-a:#e4f1e5;--occasion-tile-b:#dceee9;--occasion-ink:#527b68;--occasion-paper:#f5faf7;--occasion-border:#dce7df}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-rose-300 to-pink-400"]{--occasion-tile-a:#f8e6ee;--occasion-tile-b:#f4dde7;--occasion-ink:#99576f;--occasion-paper:#fff8fa;--occasion-border:#efdae2}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-yellow-300 to-orange-300"]{--occasion-tile-a:#fff3d0;--occasion-tile-b:#fae8d6;--occasion-ink:#956b35;--occasion-paper:#fffbf3;--occasion-border:#eadfcf}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-slate-300 to-slate-600"]{--occasion-tile-a:#e9edef;--occasion-tile-b:#dce2e6;--occasion-ink:#5d7082;--occasion-paper:#f6f8fa;--occasion-border:#dfe4e8}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-yellow-300 to-red-300"]{--occasion-tile-a:#fff2cf;--occasion-tile-b:#f8e1d9;--occasion-ink:#a36b36;--occasion-paper:#fffaf3;--occasion-border:#e9ddcf}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-stone-300 to-amber-300"]{--occasion-tile-a:#ede9e2;--occasion-tile-b:#f1e6d1;--occasion-ink:#877456;--occasion-paper:#faf9f5;--occasion-border:#e5ded1}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-orange-300 to-red-400"]{--occasion-tile-a:#fae6d2;--occasion-tile-b:#f5ddd8;--occasion-ink:#9d5949;--occasion-paper:#fff7f3;--occasion-border:#ead8cd}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-amber-200 to-lime-300"]{--occasion-tile-a:#fff0d6;--occasion-tile-b:#ecf2d4;--occasion-ink:#827e43;--occasion-paper:#fffdf3;--occasion-border:#e7e4cc}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-rose-300 to-pink-300"]{--occasion-tile-a:#f7e7eb;--occasion-tile-b:#f5e2ed;--occasion-ink:#94697d;--occasion-paper:#fff8fc;--occasion-border:#eadde4}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-amber-200 to-yellow-400"]{--occasion-tile-a:#fff1d7;--occasion-tile-b:#f7ebbd;--occasion-ink:#8b7026;--occasion-paper:#fffcf1;--occasion-border:#ede5c9}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-sky-300 to-indigo-400"]{--occasion-tile-a:#e3eff6;--occasion-tile-b:#e6e6f8;--occasion-ink:#647295;--occasion-paper:#f7f9fe;--occasion-border:#dfe4f0}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card][data-occasion-color="from-orange-200 to-pink-300"]{--occasion-tile-a:#f9ecd9;--occasion-tile-b:#f5e4ee;--occasion-ink:#936a68;--occasion-paper:#fff8f7;--occasion-border:#eaded6}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card]>[data-occasion-edge]{
  position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--occasion-tile-a),var(--occasion-tile-b));
}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card]>[data-occasion-icon]{
  display:grid;place-items:center;width:56px;height:56px;border-radius:16px;
  border:1px solid #ffffffb3;color:var(--occasion-ink);
  background:linear-gradient(135deg,var(--occasion-tile-a),var(--occasion-tile-b));box-shadow:none;
}
.sst-wizard-ui [data-occasion-picker] [data-occasion-card]>[data-occasion-icon]>svg{width:28px;height:28px;stroke-width:1.5}
.sst-occasion-heading-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.sst-occasion-account-badge{display:inline-flex;border:1px solid #e5ca82;border-radius:99px;padding:5px 10px;background:#fff0bc;color:#6a4a1d;font-size:12px;line-height:1.5;font-weight:700}
.sst-occasion-account-badge--guest{border-color:#cdddcc;background:#eaf3e9;color:#3f5d43;font-weight:600}

/* Keep account access forms compact on phones without reducing input/tap sizes. */
@media(max-width:767px){
  .sst-account-access main>section{padding-top:28px;padding-bottom:32px;gap:24px}
  .sst-account-access main>section>div>h1{margin-top:10px;font-size:clamp(28px,7vw,32px);line-height:1.15;font-weight:750;letter-spacing:-.035em;overflow-wrap:normal;word-break:normal;hyphens:none}
  .sst-account-access main>section>div>p:last-child{margin-top:14px;font-size:16px;line-height:1.65}
  .sst-account-access main>section>form{min-width:0;padding:20px;border-radius:24px}
  .sst-account-access main>section>form :is(input:is([type=email],[type=password],[name=name]),select){font-size:16px;min-height:48px}
  .sst-account-access main>section>form>button{min-height:48px}
}