/* ZZOO v3.6.6 — voluntary creator-support interest survey; no checkout. */
#supportPage,#supportAdminPage{padding-bottom:calc(112px + env(safe-area-inset-bottom));}
#supportPage [hidden],#supportAdminPage [hidden],#settingsSupportAdmin[hidden]{display:none!important;}
.zz-support-hero{text-align:center;padding:15px 16px 19px;border:0;border-radius:0;background:transparent;box-shadow:none;margin-bottom:15px;color:#4d4843;}
.zz-support-hero .zz-support-mark{display:block;width:61px;height:61px;object-fit:contain;margin:0 auto 8px;}
.zz-support-hero h3{margin:5px 0 8px;font-size:23px;letter-spacing:1px;}
.zz-support-hero p{margin:5px auto;max-width:370px;font-size:13px;line-height:1.9;color:#736f69;}
.zz-support-disclaimer{border:1px solid #eacdc6;background:#fff7ee;color:#694c47;border-radius:15px;padding:13px 15px;line-height:1.9;font-size:13px;margin:14px 0 17px;font-weight:600;}
.zz-support-card{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:17px 15px;margin:13px 0;}
.zz-support-card fieldset{border:0;padding:0;margin:0;min-width:0;}
.zz-support-card legend,.zz-support-card h3{display:block;font-weight:700;font-size:15px;color:var(--ink);padding:0;margin:0 0 12px;}
.zz-support-helper{font-size:12px;line-height:1.8;color:var(--muted);margin:3px 0 11px;}
.zz-support-radio-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.zz-support-choice,.zz-support-option{position:relative;display:block;cursor:pointer;min-width:0;}
.zz-support-choice input,.zz-support-option input{position:absolute;opacity:0;width:1px;height:1px;}
.zz-support-choice span,.zz-support-option span{display:flex;align-items:center;justify-content:center;min-height:47px;text-align:center;border:1.5px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);font-size:13px;font-weight:600;padding:9px 5px;transition:background .16s,border-color .16s;}
.zz-support-choice input:checked+span,.zz-support-option input:checked+span{border-color:#c48f98;background:#fae7e9;color:#6e4b58;}
.zz-support-choice input:focus-visible+span,.zz-support-option input:focus-visible+span{outline:3px solid #d2a7cb;outline-offset:2px;}
.zz-support-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 0;}
.zz-support-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.zz-support-feature-grid .zz-support-option span{min-height:64px;line-height:1.5;font-size:12px;padding:10px 7px;}
.zz-support-card textarea{width:100%;min-height:100px;resize:vertical;border:1px solid var(--line);border-radius:13px;background:var(--bg);padding:12px;color:var(--ink);font:inherit;line-height:1.8;}
.zz-support-submit{display:block;width:100%;min-height:49px;border:0;border-radius:15px;background:#eabec5;color:#4c3b41;font:inherit;font-weight:700;margin-top:16px;cursor:pointer;}
.zz-support-submit:disabled{opacity:.58;cursor:wait;}
.zz-support-status{display:block;text-align:center;line-height:1.8;font-size:12px;color:var(--muted);margin:12px auto;white-space:pre-wrap;}
.zz-support-status.is-error{color:#aa5555;}
.zz-support-login{background:#f8eedf;border-radius:14px;padding:13px;text-align:center;font-size:13px;line-height:1.9;margin-bottom:12px;color:#6a574a;}
.zz-support-login button{border:1px solid var(--line);border-radius:10px;padding:7px 15px;background:var(--card);color:var(--ink);font-weight:700;display:block;margin:8px auto 0;}
.zz-support-adminstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px;}
.zz-support-stat{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:15px;text-align:center;}
.zz-support-stat strong{display:block;font-size:23px;line-height:1.6;color:var(--ink);font-variant-numeric:tabular-nums;}
.zz-support-stat span{display:block;font-size:12px;color:var(--muted);}
.zz-support-breakdown{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:16px;margin:12px 0;}
.zz-support-breakdown h3{margin:0 0 13px;font-size:15px;}
.zz-support-bar-row{display:grid;grid-template-columns:83px minmax(0,1fr) 52px;align-items:center;gap:8px;font-size:12px;margin:12px 0;}
.zz-support-bar-track{height:9px;border-radius:99px;background:#e9e6de;overflow:hidden;}
.zz-support-bar-fill{height:100%;background:#e2b7bd;border-radius:99px;}
.zz-support-bar-row strong{text-align:right;font-size:12px;}
.zz-support-filter{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0;}
.zz-support-filter button{border:1px solid var(--line);padding:9px 14px;border-radius:99px;background:var(--card);color:var(--ink);font:inherit;font-size:12px;}
.zz-support-filter button.on{background:#f4dfe3;border-color:#dfaeb6;font-weight:700;}
.zz-support-respondent{border:1px solid var(--line);border-radius:17px;background:var(--card);padding:14px 15px;margin:10px 0;overflow-wrap:anywhere;}
.zz-support-respondent .zz-support-person{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.zz-support-respondent .zz-support-person strong{font-size:14px;}
.zz-support-respondent small{display:block;color:var(--muted);font-size:11px;line-height:1.7;}
.zz-support-respondent p{margin:8px 0 0;font-size:12px;line-height:1.8;white-space:pre-wrap;}
.zz-support-chip{display:inline-block;border-radius:30px;background:#e9efe0;color:#52664b;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap;}
.zz-support-chip.no{background:#f1ede7;color:#736a65;}
.zz-support-load-more{display:block;margin:14px auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 21px;color:var(--ink);font:inherit;}
@media(max-width:360px){.zz-support-feature-grid{grid-template-columns:1fr}.zz-support-amounts{gap:6px}.zz-support-card{padding:14px 12px}}
#zzSupportFeatureStats .zz-support-bar-row{grid-template-columns:minmax(0,1.5fr) minmax(52px,1fr) 47px;}

.zz-support-person > div{min-width:0;overflow-wrap:anywhere;}


/* ZZOO v3.7.0 — support survey uses the same straight-corner, clear-paper
   outline as diary cards. Keep the unframed flower introduction unframed. */
#supportPage .zz-support-card,
#supportPage .zz-support-disclaimer,
#supportPage .zz-support-login {
  border:1.5px solid var(--ink)!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
#supportPage .zz-support-card {
  margin:16px 0!important;
  padding:18px 15px 24px!important;
}
#supportPage .zz-support-disclaimer,
#supportPage .zz-support-login {
  padding:14px 15px!important;
}
/* Selection tiles and writing field also let the surrounding page show through. */
#supportPage .zz-support-choice span,
#supportPage .zz-support-option span,
#supportPage .zz-support-card textarea,
#supportPage .zz-support-login button {
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* Checked choices stay recognizable without filling the transparent tiles. */
#supportPage .zz-support-choice input:checked + span,
#supportPage .zz-support-option input:checked + span {
  border-color:var(--ink)!important;
  color:var(--ink)!important;
  background:transparent!important;
  box-shadow:inset 0 0 0 1px var(--ink)!important;
}
#supportPage .zz-support-submit {
  border-radius:0!important;
}
#supportPage .zz-support-hero {
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* v3.9.1 — give the entire Support Creator form comfortable side gutters.
   The default .subpage has only 3px of horizontal padding.
   Apply to supportPage only so the developer statistics and other pages
   retain their own layouts. All cards, helper copy and the submit button
   remain aligned and fully interactive. */
#supportPage {
  padding-left:clamp(22px, 6vw, 30px);
  padding-right:clamp(22px, 6vw, 30px);
}
#supportPage .zz-support-card,
#supportPage .zz-support-disclaimer,
#supportPage .zz-support-login,
#supportPage .zz-support-submit,
#supportPage .zz-support-status {
  max-width:100%;
}

/* v3.9.2 — muted creamy yellow save button; support page only. */
#supportPage #zzSupportSubmit {
  background-color:#E9D9AA;
  background-image:none;
  color:#4C4332;
  border:0;
  box-shadow:none;
}
#supportPage #zzSupportSubmit:hover:not(:disabled) { background-color:#E3D09A; }
#supportPage #zzSupportSubmit:active:not(:disabled) { background-color:#DCC68D; }
#supportPage #zzSupportSubmit:focus-visible { outline:2px solid #81704D; outline-offset:3px; }

/* v3.9.3: Keep support content comfortably inset, while its page header
   aligns exactly with Settings/Notifications instead of inheriting the inset. */
#supportPage > .subhead {
  margin-left:calc(3px - clamp(22px, 6vw, 30px));
  margin-right:calc(3px - clamp(22px, 6vw, 30px));
}
/* Small secondary copy under the flower, not the title. */
#supportPage .zz-support-hero > p { font-size:12px; text-wrap:balance; }
/* Quiet gray-yellow, only subtly different from the current theme's background. */
#supportPage #zzSupportSubmit {
  background-color:#ECEADE;
  background-color:color-mix(in srgb, var(--bg) 86%, #928B75 14%);
  background-image:none;
  color:var(--ink);
  border:0;
  box-shadow:none;
}
#supportPage #zzSupportSubmit:hover:not(:disabled) {
  background-color:#E9E7DA;
  background-color:color-mix(in srgb, var(--bg) 80%, #928B75 20%);
}
#supportPage #zzSupportSubmit:active:not(:disabled) {
  background-color:#E6E4D5;
  background-color:color-mix(in srgb, var(--bg) 76%, #928B75 24%);
}

/* v3.9.3: Amount choices are always in the form, with extra room below
   the willingness choices. Keep labels and fieldset accessible at all times. */
#supportPage #zzSupportAmounts { margin-top:29px; }
#supportPage #zzSupportAmounts legend { margin-top:0; }
/* Match the paper background with an extremely gentle gray-yellow tint. */
#supportPage #zzSupportSubmit {
  background-color:#F1EFE6;
  background-color:color-mix(in srgb, var(--bg) 92%, #938B72 8%);
}
#supportPage #zzSupportSubmit:hover:not(:disabled) {
  background-color:#ECEADF;
  background-color:color-mix(in srgb, var(--bg) 87%, #938B72 13%);
}
#supportPage #zzSupportSubmit:active:not(:disabled) {
  background-color:#E9E6D8;
  background-color:color-mix(in srgb, var(--bg) 83%, #938B72 17%);
}