.creator-support-secondary{margin:12px 0;background:transparent;border:1px solid #45546c;color:#e0e8f5;padding:12px 16px;border-radius:8px;width:100%;cursor:pointer}.creator-support-total{font-size:14px;color:#a6d9c5}.creator-support-dialog{box-sizing:border-box;background:#122036;color:#edf2fb;border:1px solid #46738b;border-radius:16px;padding:24px;width:min(460px,calc(100vw - 32px));max-height:90dvh;overflow:auto}.creator-support-dialog::backdrop{background:#0009}.creator-support-dialog button,.creator-support-dialog input{font:inherit;box-sizing:border-box;padding:12px;border-radius:8px}.support-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.support-amounts button[aria-pressed=true]{outline:3px solid #27d9b0}.creator-support-dialog label,.creator-support-dialog input{display:block;width:100%}.support-confirm,.support-skip{display:block;width:100%;margin-top:14px;cursor:pointer}.support-confirm{background:#126d58;color:#fff;border:1px solid #55bca4}.support-skip{background:#243950;color:#fff;border:1px solid #7891aa}.support-error{color:#ffb4a8}.support-get{display:block;margin:12px 0;color:#62d6ff}.creator-support-dialog [hidden]{display:none!important}.creator-support-dialog button:disabled{opacity:.55}.support-config input[type=checkbox]{width:auto;margin-right:10px}

.support-amounts button{background:#233950;color:#edf2fb;border:1px solid #7891aa}.creator-support-secondary[hidden],.creator-support-total[hidden]{display:none!important}

.support-heart{color:#ff4d64;display:inline-block;line-height:1;flex:none}
.support-config{margin-top:24px}
.support-config h2{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.support-config>p{max-width:850px;color:#b7c4d7;line-height:1.6;margin:0 0 20px}
.support-config form{display:grid;gap:12px;max-width:850px}
.support-config form>label{display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;border:1px solid #2d3c52;border-radius:8px;background:#0b121d;font-size:14px;line-height:1.5;cursor:pointer}
.support-config form>label>input[type=checkbox]{display:block;flex:0 0 18px;width:18px;height:18px;padding:0;margin:2px 0 0;accent-color:#23cba1}
.support-config form>label>span{min-width:0}
.support-config form>label a{display:inline;color:#62d6ff;text-decoration:underline;white-space:nowrap}
.support-config form>label[hidden]{display:none!important}
.support-config #support-config-reason{margin:0;color:#ffb4a8;font-size:13px;line-height:1.5}
.support-config #support-config-reason:empty{display:none}
.support-config form>button{justify-self:start;margin-top:4px;padding:12px 18px;background:#126d58;border-color:#47a58e;font-weight:700}
.creator-support-secondary{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 18px}
.creator-support-total{margin:0 0 12px;line-height:1.5}
@media(max-width:600px){.support-config{padding:18px}.support-config form>button{width:100%}.support-config form>label{padding:12px}}

.support-amounts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px}.support-amounts button small{font-size:12px;color:#b9d2df;white-space:nowrap}.support-equivalent{font-weight:700;color:#d8eee6;margin:10px 0}.support-equivalence-note{font-size:12px;line-height:1.5;color:#aabace;margin:10px 0 16px}