/* Pieceful pages: the site's shell (/styles.css) with the app's own palette. */
.pc{--bg:#EEF1EC;--surface:#FFFFFF;--ink:#18211D;--ink2:#4F5A54;--accent:#C2531F;--accent-text:#A3441A;--line:#D3DBD5;
  --pc-green:#2F6B5A;--pc-mint:#9FD8C2;--pc-gold:#E9A23B;--pc-slot:#E4E9E4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pc{--bg:#121916;--surface:#1B2420;--ink:#E8EEEA;--ink2:#A9B6AF;
  --accent:#E07A4F;--accent-text:#F3A783;--line:#2C3833;--pc-green:#9FD8C2;--pc-slot:#26302B}}
.pc .tag{display:inline-block;font:600 12px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  background:var(--pc-green);color:#fff;padding:7px 11px;border-radius:999px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pc .tag{color:#121916}}
.pc .pill.go{background:var(--accent);color:#fff}

/* Hero: a wish photo, half put together. */
.puzzle{position:relative;max-width:420px;aspect-ratio:6/5;margin:28px 0 8px;border-radius:22px;overflow:hidden;
  border:8px solid var(--surface);box-shadow:0 14px 34px rgba(24,33,29,.14);
  background:url(/pieceful/sunset.svg) center/cover}
.puzzle .grid6{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr)}
.puzzle i{border:1px solid rgba(255,255,255,.45)}
.puzzle i.gap{background:var(--pc-slot);border:1px dashed #B4BEB7}
.puzzle i.next{background:var(--pc-slot);border:2px solid var(--accent)}
@media (prefers-reduced-motion:no-preference){
  .puzzle i.next{animation:breathe 1.8s ease-in-out infinite}
  @keyframes breathe{50%{opacity:.45}}
}
.saved{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.saved span{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 14px;font-size:14px}
.saved b{display:block;font:700 20px/1.2 "DM Sans",system-ui,sans-serif;color:var(--pc-green)}

.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:24px 0}
.feats .card{margin:0}
.feats .card b{display:block;font-family:Fraunces,Georgia,"Songti SC",serif;font-size:17px;margin-bottom:2px}
.feats .card p{margin:0;color:var(--ink2);font-size:15px}
.pro{border-color:var(--accent)}
.pro ul{margin:8px 0 0}

/* Home page card mark: the app icon. */
.appmark.piece-mark{background:url(/pieceful/icon.png) center/cover;border:0}