.support-page{max-width:1100px;margin:12px auto 32px}.support-heading{padding:16px 0 26px;max-width:720px}.support-eyebrow{font-size:.7rem;letter-spacing:.12em;color:var(--accent);font-weight:700}.support-heading h1{font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.2;margin:10px 0 14px}.support-heading p,.support-card>p,.support-list-heading p{color:var(--text-muted);line-height:1.6}.support-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.support-stats>div,.support-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;min-width:0}.support-stats span{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:6px}.support-stats strong{font-size:1.5rem;overflow-wrap:anywhere}.support-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}.support-card h2{font-size:1.1rem;margin:0 0 12px}.support-card label{display:block;font-size:.86rem;margin:16px 0 7px}.support-card .modern-input{width:100%}.support-card .support-check{display:flex;align-items:flex-start;gap:9px;margin:18px 0;font-size:.84rem}.support-check input{margin-top:4px;accent-color:var(--accent);flex:none}.support-note{font-size:.78rem;color:var(--text-muted);margin-top:12px;overflow-wrap:anywhere}.support-note a,.support-admin a{color:var(--accent)}.support-status{font-size:.84rem;margin-top:12px;min-height:1.5em;overflow-wrap:anywhere}.support-code-row{display:flex;gap:8px;align-items:center}.support-code-row input{min-width:0;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 8px;color:var(--accent);font-family:'Fira Code',monospace;font-size:.73rem}.support-code-row .btn{padding:10px 12px;font-size:.8rem;width:auto}.support-compose #support-donate{width:100%;margin-top:16px}.support-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.support-list-heading h2{margin-bottom:4px}.support-list-heading p{font-size:.8rem}.support-heart{font-size:32px;color:var(--accent)}.support-list{list-style:none;padding:0;margin:0}.support-person{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);min-width:0}.support-person:last-child{border:0}.support-rank{flex:0 0 24px;text-align:center;font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.support-person:nth-child(-n+3) .support-rank{color:var(--accent);font-weight:800}.support-avatar{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--accent-light);color:var(--accent);overflow:hidden}.support-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.support-person-name{min-width:0;flex:1;overflow-wrap:anywhere;font-size:.9rem;text-decoration:none;color:var(--text-main)}.support-person-name small{display:block;font-size:.72rem;color:var(--text-muted);margin-top:2px}.support-amount{flex:none;white-space:nowrap;font-weight:700;color:var(--accent);font-size:.9rem;font-variant-numeric:tabular-nums}.support-empty{color:var(--text-muted);padding:24px 0;line-height:1.6}.support-admin{margin-top:20px}.support-admin summary{cursor:pointer;font-weight:600}.support-admin code{overflow-wrap:anywhere}.support-admin form{max-width:520px}.support-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.support-review-item{padding:14px 0;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.support-review-item p{flex:1 1 250px;font-size:.84rem;overflow-wrap:anywhere}.support-review-item input{max-width:260px}.support-review-item .btn{font-size:.78rem;min-height:36px;padding:7px 12px}.support-page [hidden]{display:none!important}
@media(max-width:700px){.support-layout{grid-template-columns:1fr}.support-stats{gap:8px}.support-stats>div{padding:14px 10px;border-radius:14px}.support-stats span{font-size:.68rem}.support-stats strong{font-size:1.05rem}.support-card{padding:18px}.support-heading{padding-top:8px}.support-code-row{flex-wrap:wrap}.support-code-row input{flex:1 1 200px}.support-person{gap:8px}.support-amount{font-size:.82rem}.support-avatar{flex-basis:32px;width:32px;height:32px}}

.support-premium{margin-top:18px}.support-premium h2{margin-top:8px}.support-premium form{max-width:480px}.support-premium select{width:100%;display:block;margin-bottom:14px}.support-premium .btn{margin-top:8px}

/* Checkbox is a compact control, never a full-width text input. */
.support-page .support-check { width:100%;min-width:0;align-items:flex-start;gap:10px; }
.support-page .support-check input[type="checkbox"] { width:16px!important;min-width:16px!important;max-width:16px;height:16px;min-height:16px;flex:0 0 16px;padding:0!important;margin:3px 0 0; }
.support-page .support-check > span { flex:1;min-width:0;line-height:1.5;overflow-wrap:anywhere; }
.support-page .support-compose { overflow:hidden; }

/* Consistent card rhythm and a live Premium sample. */
.support-page .support-card p{line-height:1.6;margin:0 0 16px}
.support-page .support-card p:last-child{margin-bottom:0}
.support-page .support-card .support-note{margin:12px 0 0}
.support-page .support-card .support-status{margin:14px 0 0}
.support-page .support-card .support-status:empty{display:none}
.support-page .support-card label{margin:0 0 8px;line-height:1.5}
.support-page .support-card .support-check{margin:18px 0}
.support-page #support-code-box{margin-top:20px}
.support-page .support-premium{margin-top:18px}
.support-page .support-premium h2{margin:10px 0 12px}
.support-page .support-premium>div>p{max-width:900px}
.support-page .support-style-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:24px;margin-top:22px;align-items:start}
.support-page .support-premium form{max-width:none;min-width:0}
.support-page .support-style-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.support-page .support-premium select{box-sizing:border-box;min-height:44px;width:100%;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text-main);font:inherit;font-size:.88rem}
.support-page .support-style-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.support-page .support-style-actions .btn{margin:0;min-height:44px;padding:10px 16px}
.support-page .support-style-actions .btn:disabled{opacity:.5;cursor:not-allowed}
.support-style-preview{--preview-accent:#e5cc98;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 18px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--preview-accent) 8%,transparent),transparent 70%),var(--bg);text-align:center;min-width:0}
.support-style-preview[data-accent="mint"]{--preview-accent:#8bdbc1}.support-style-preview[data-accent="violet"]{--preview-accent:#c4a8ee}.support-style-preview[data-accent="blue"]{--preview-accent:#91c8ef}.support-style-preview[data-accent="rose"]{--preview-accent:#efaebd}
.support-preview-caption{font-size:.65rem;letter-spacing:.12em;color:var(--text-muted)}
.support-preview-avatar{width:88px;height:88px;box-sizing:border-box;border:4px solid var(--preview-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--preview-accent);font-size:2rem;font-weight:800;margin:8px 0;overflow:hidden;flex:none}
.support-preview-avatar img{width:100%;height:100%;object-fit:cover}
.support-style-preview[data-frame="double"] .support-preview-avatar{box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--preview-accent)}
.support-style-preview[data-frame="glow"] .support-preview-avatar{box-shadow:0 0 24px color-mix(in srgb,var(--preview-accent) 36%,transparent)}
.support-preview-name{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;font-size:1.1rem;line-height:1.4}
.support-preview-name>span{min-width:0;overflow-wrap:anywhere}.support-preview-name svg{flex:none;color:var(--accent)}
.support-preview-description{color:var(--text-muted);font-size:.78rem}
.support-preview-chip{font-size:.74rem;color:var(--preview-accent);border:1px solid color-mix(in srgb,var(--preview-accent) 30%,transparent);border-radius:20px;padding:5px 12px}
@media(max-width:700px){.support-page .support-style-layout{grid-template-columns:1fr;gap:20px}.support-page .support-style-fields{grid-template-columns:1fr;gap:16px}.support-style-preview{padding:20px 16px}.support-page .support-style-actions .btn{flex:1 1 auto;text-align:center;justify-content:center}}

.support-page .support-style-fields { grid-template-columns:1fr;gap:16px; }
.support-preview-name .support-premium-icon{margin-left:0}
.support-style-preview .support-preview-avatar{border:0;overflow:hidden}
.support-style-preview .support-preview-chip{color:var(--text-muted);border-color:var(--border)}

/* Equal-height labels keep the three totals aligned on narrow screens. */
.support-page .support-stats > div { display:flex;flex-direction:column;gap:8px; }
.support-page .support-stats > div > span { margin:0;line-height:1.4; }
.support-page .support-stats > div > strong { margin-top:auto;line-height:1.25;font-variant-numeric:tabular-nums; }

/* The compose card sets the row height; only the donor list can scroll. */
.support-page .support-layout { align-items:stretch; }
.support-page .support-donors { display:flex;flex-direction:column;min-height:0;overflow:hidden;box-sizing:border-box;height:var(--support-compose-height,auto); }
.support-page .support-donors > .support-list-heading { flex:none; }
.support-page .support-donors-scroll { flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:5px 7px 5px 5px;margin:0 -5px;scrollbar-width:thin;scrollbar-color:var(--border) transparent; }
.support-page .support-donors > .support-note,.support-page .support-donors > .support-status { flex:none; }
.support-page #support-donate { display:flex;align-items:center;justify-content:center;gap:8px; }
.support-page #support-donate > svg { flex:none;width:18px;height:18px; }
@media(min-width:701px){.support-page .support-donors{contain:size}}
@media(max-width:700px){.support-page .support-donors{height:var(--support-compose-height,26rem)}}