@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{color:#20251f;font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button,.button,a.button,.pay-button,.donate-prompt-btn,.method-tab,.amount-grid button,.modal-close,.theme-toggle{cursor:pointer;white-space:nowrap!important}html,body{max-width:100vw;overflow-x:hidden}img,svg{max-width:100%}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.65}a{color:inherit}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}html.overlay-html,html.overlay-html:root,body.overlay-body,body.overlay-body.dark,.overlay-body #root,.overlay-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:0 0!important}.overlay-container{box-sizing:border-box;pointer-events:none;width:100%;height:100%;font-family:var(--font,"DM Sans", system-ui, -apple-system, sans-serif);justify-content:center;align-items:flex-start;padding-top:40px;display:flex}.stream-alert{color:#f2f3f5;pointer-events:auto;background:#313338;border:2px solid #84cc16;border-radius:20px;align-items:center;gap:18px;min-width:360px;max-width:580px;padding:20px 24px;animation:.55s cubic-bezier(.175,.885,.32,1.275) forwards alertEnter;display:flex;position:relative;box-shadow:0 16px 40px #00000073,0 0 24px #84cc1640}.stream-alert.exit{animation:.45s cubic-bezier(.6,-.28,.735,.045) forwards alertExit}.alert-snack-icon{background:#383a40;border:1.5px solid #84cc16;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:44px;line-height:1;animation:1.2s infinite alternate snackBounce;display:flex;box-shadow:0 4px 14px #0000004d}.alert-body{flex-direction:column;flex-grow:1;gap:4px;display:flex;overflow:hidden}.alert-headline{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.alert-supporter{color:#f2f3f5;letter-spacing:-.01em;font-size:20px;font-weight:800}.alert-action{color:#b5bac1;font-size:15px;font-weight:600}.alert-amount-pill{color:#1a2e05;background:linear-gradient(135deg,#84cc16 0%,#65a30d 100%);border-radius:999px;align-items:center;margin-left:2px;padding:3px 12px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #84cc1659}.alert-message{color:#dbdee1;word-break:break-word;background:#2b2d31;border:1px solid #3f4147;border-left:3px solid #84cc16;border-radius:10px;margin:6px 0 0;padding:8px 14px;font-size:15px;font-style:normal;line-height:1.45}.overlay-standby{color:#b5bac1;background:#2b2d31;border:1px solid #3f4147;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;box-shadow:0 4px 12px #00000040}.overlay-standby span.dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulseDot;box-shadow:0 0 8px #22c55e}@keyframes alertEnter{0%{opacity:0;transform:translateY(-40px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes alertExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.9)}}@keyframes snackBounce{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(1.08)rotate(3deg)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}:root{--ink:#20251f;--muted:#677064;--line:#dfe4d9;--cream:#faf9f5;--paper:#fffefb;--moss:#254e3d;--lime:#d9f279;--soft:#edf1e8}.app-shell{background:var(--cream,#faf9f5);min-height:100vh;color:var(--ink,#20251f);flex-direction:column;display:flex}.nav{z-index:20;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);background:#ffffff73;border-bottom:1px solid #fff6;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50% - 560px);transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.brand{align-items:center;gap:9px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand span,.icon-round{background:var(--lime);color:var(--moss);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.nav-actions,.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-link{font-weight:600;text-decoration:none}.button{background:var(--moss);color:#fff;white-space:nowrap;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.button:hover{background:#183c2c;transform:translateY(-1px)}.button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.button.compact{white-space:nowrap;padding:8px 14px;font-size:13.5px}.button.disabled,a.button.disabled{pointer-events:none;opacity:.65;cursor:not-allowed}.home{max-width:1120px;margin:auto;padding:76px 28px}.hero{text-align:center;max-width:760px;margin:0 auto 100px}.eyebrow{color:var(--moss);letter-spacing:.11em;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.hero h1,.page-heading h1,.auth-card h1,.not-found h1{letter-spacing:-.035em;word-break:break-word;overflow-wrap:break-word;margin:18px 0;font-family:Playfair Display,serif;font-size:clamp(28px,6vw,68px);line-height:1.12}.hero h1 em{color:var(--moss)}.hero>p,.page-heading>p,.auth-card>p{color:var(--muted);word-break:break-word;font-size:clamp(15px,2.5vw,18px);line-height:1.6}.hero-actions{justify-content:center;gap:12px;margin-top:30px;display:flex}.steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.steps article{border-right:1px solid var(--line);padding:31px}.steps article:last-child{border:0}.steps span,.section-label{letter-spacing:.12em;color:var(--moss);font-size:11px;font-weight:700}.steps h3{margin:12px 0 7px;font-size:18px}.steps p{color:var(--muted);font-size:15px;line-height:1.5}.auth-page,.not-found{place-items:center;min-height:calc(100vh - 76px);padding:24px;display:grid}.auth-card{text-align:center;border:1px solid var(--line);background:var(--paper);border-radius:18px;max-width:470px;padding:46px 38px;box-shadow:0 12px 30px #28422a0a}.auth-card .icon-round{width:48px;height:48px;margin:auto}.auth-card h1{font-size:43px}.auth-card .button{width:100%;margin:22px auto 15px}.auth-card small{color:var(--muted);font-size:12px;line-height:1.5;display:block}.notice{color:#9b322b;background:#fff2ef;border-radius:8px;padding:10px;font-size:14px}.notice.success{color:#24533b;background:#eff7e7}.dashboard,.form-page{max-width:970px;margin:auto;padding:62px 24px}.page-heading{margin-bottom:30px}.page-heading h1{margin:8px 0;font-size:clamp(26px,5.5vw,42px)}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.dashboard-header .page-heading{flex:1;min-width:0;margin-bottom:0}.dashboard-header .page-heading p:last-child{margin-bottom:0}.donate-prompt-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-shrink:0;width:340px;max-width:100%;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.donate-prompt-card:hover{border-color:#84cc1666;transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.donate-prompt-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.donate-prompt-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--moss);background:#84cc1633;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.donate-prompt-title{color:var(--ink);margin:0 0 5px;font-size:15px;font-weight:700;line-height:1.35}.donate-prompt-desc{color:var(--muted);margin:0 0 14px;font-size:12.5px;line-height:1.45}.donate-prompt-btn{background:var(--moss);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;color:#fff!important}.donate-prompt-btn:hover{background:#183c2c;transform:translateY(-1px)}.dashboard-card,.form-card,.messages-card{border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:25px}.profile-link{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.profile-link>div:first-child{min-width:0;overflow:hidden}.profile-link a:not(.button),.card-title a{color:var(--moss);word-break:break-all;align-items:center;gap:5px;font-size:14px;font-weight:700;display:inline-flex}.profile-link .button:not(.ghost){color:#fff}.profile-link .button.ghost{color:var(--ink)}.button.ghost:hover{background:var(--soft);color:var(--ink)}.obs-card{margin-top:14px;margin-bottom:18px}.obs-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.obs-header>div:first-child{min-width:0;overflow:hidden}.obs-header a:not(.button){color:var(--moss);word-break:break-all;align-items:center;gap:5px;font-size:14px;font-weight:700;display:inline-flex}.dashboard-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.card-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-title h2{margin:0;font-size:20px}.mini-profile{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:20px;display:flex}.mini-profile strong,.mini-profile span{display:block}.mini-profile span,dt,small{color:var(--muted);font-size:13px}dl{margin:20px 0 0}dl div{justify-content:space-between;gap:14px;margin:11px 0;display:flex}dt{flex-shrink:0;font-weight:600}dd{text-align:right;word-break:break-word;margin:0;font-size:14px}.avatar{object-fit:cover;box-shadow:0 0 0 1px var(--line);background:#e6ecdf;border:3px solid #fff;border-radius:50%}.avatar.large{width:96px;height:96px}.avatar.medium{width:74px;height:74px}.avatar.small{width:42px;height:42px}.avatar.fallback{color:var(--moss);place-items:center;display:grid}.empty{text-align:center;color:var(--muted);padding:38px 5px}.empty svg{color:var(--moss);margin:auto}.message-preview{border-top:1px solid var(--line);padding:13px 0}.message-preview:first-child{border:0;padding-top:0}.message-preview span{font-weight:700}.message-preview p{margin:4px 0;font-size:14px}.form-page{max-width:760px}.form-card form{margin-top:29px}.avatar-editor{align-items:center;gap:17px;margin-bottom:23px;display:flex}.upload-label{color:var(--moss);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:700}.upload-label input{display:none}.fields.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{margin-bottom:18px;display:block}.field>span,fieldset legend{margin-bottom:7px;font-size:14px;font-weight:700;display:block}.field input,.field textarea,.custom-amount div{width:100%;color:var(--ink);outline-color:var(--moss);background:#fff;border:1px solid #ccd4c9;border-radius:9px;padding:11px 12px}.field textarea{resize:vertical;min-height:96px}.field small,.hint{margin-top:6px;font-size:12px;display:block}.form-card fieldset{border:0;margin:26px 0;padding:0}.amount-toggles{flex-wrap:wrap;gap:10px;display:flex}.amount-toggles label{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:14px}.amount-toggles input{accent-color:var(--moss)}.messages-card{padding:0}.message-item{border-bottom:1px solid var(--line);padding:22px 25px}.message-item:last-child{border:0}.message-item div{justify-content:space-between;align-items:center;display:flex}.message-item strong{font-size:18px}.message-item span{color:var(--muted);font-size:13px}.message-item p{margin:10px 0 0;line-height:1.5}.loading{text-align:center;color:var(--muted);padding:100px}.public-page{justify-content:center;min-height:calc(100vh - 76px);padding:45px 20px 80px;display:flex}.public-page.has-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin-top:-76px;padding-top:121px;position:relative}.public-page.has-bg:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#0006;position:absolute;inset:0}.creator-card{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#ffffff73;border:1px solid #ffffff73;border-radius:20px;width:min(100%,510px);padding:37px 28px;box-shadow:0 20px 50px #00000014}.public-page.has-bg .creator-card{z-index:1;-webkit-backdrop-filter:blur(24px)saturate(190%);backdrop-filter:blur(24px)saturate(190%);background:#ffffff73;border:1px solid #ffffff8c;position:relative;box-shadow:0 25px 60px #00000040}.creator-card .amount-grid button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border:1px solid #ffffff80}.creator-card .amount-grid button:hover{background:#ffffffa6}.creator-card .field input,.creator-card .field textarea,.creator-card .custom-amount div{background:#ffffff73;border:1px solid #ffffff8c}.bg-preview-wrapper{background:var(--soft);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;margin:-6px 0 20px;padding:10px 14px;display:flex}.bg-preview-thumb{border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;width:64px;height:42px}.creator-card h1{letter-spacing:-.03em;word-break:break-word;margin:15px 0 2px;font-family:Playfair Display,serif;font-size:clamp(24px,5.5vw,34px);line-height:1.2}.handle{color:var(--muted);word-break:break-all;font-size:14px}.bio{word-break:break-word;max-width:400px;margin:18px auto 0;line-height:1.55}.divider{background:var(--line);height:1px;margin:27px 0}.creator-card h2{margin-bottom:21px;font-size:20px}.method-switcher{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border:1px solid #ffffff80;border-radius:12px;gap:4px;margin:-6px 0 20px;padding:4px;display:flex}.method-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.method-tab:hover{color:var(--ink)}.method-tab.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #00000014}.card-info-badge{color:var(--muted);background:#ffffff59;border:1px solid #ffffff73;border-radius:12px;margin:18px 0 14px;padding:14px 16px;font-size:13px;line-height:1.5}.card-info-badge strong{color:var(--ink)}.amount-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.amount-grid button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;font-size:16px;font-weight:700}.amount-grid button.selected{background:var(--lime);color:#29412e;border-color:#bad15c}.custom-amount{text-align:left;margin:18px 0;display:block}.custom-amount>span{margin-bottom:7px;font-size:14px;font-weight:700;display:block}.custom-amount div{align-items:center;padding:0 12px;display:flex}.custom-amount input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:1;padding:11px 8px}.support-fields{text-align:left;margin-top:18px}.checkbox{align-items:center;gap:8px;margin:-2px 0 19px;font-size:14px;display:flex}.checkbox input{accent-color:var(--moss)}.pay-button{white-space:nowrap;width:100%;margin-top:14px;padding:13px 16px;font-size:clamp(13px,3.8vw,16px)}.fine-print{color:var(--muted);margin:13px 0 0;font-size:12px;line-height:1.45}.payment-complete h3{margin:15px 0 8px;font-size:clamp(19px,4.5vw,22px)}.payment-complete p{color:var(--muted);font-size:clamp(14px,2.5vw,15px);line-height:1.55}.payment-complete .icon-round{margin:auto}.payment-complete details{color:var(--muted);margin-top:23px;font-size:14px}.payment-complete summary{cursor:pointer;color:var(--moss);font-weight:700}.payment-complete svg{margin-top:15px}.not-found{text-align:center}.not-found h1{font-size:clamp(32px,6vw,45px)}@media (width<=860px){.dashboard-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px}.dashboard-header .page-heading{flex:none;width:100%}.donate-prompt-card{width:100%}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);padding:24px 20px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.public-page.has-bg{background-attachment:scroll}.fields.two{grid-template-columns:1fr;gap:12px}}@media (width<=650px){.nav{height:64px;padding:0 16px}.nav .text-link{display:none}.home{padding:44px 16px}.hero{margin-bottom:55px}.profile-link,.obs-header{flex-direction:column;align-items:flex-start;gap:14px}.profile-link>div:first-child,.obs-header>div:first-child{width:100%}.dashboard,.form-page{padding:32px 16px}.dashboard-card,.form-card{padding:20px 16px}.creator-card{width:100%;padding:28px 18px}.row-actions{flex-wrap:wrap;gap:8px;width:100%}.row-actions .button,.row-actions button,.row-actions a{white-space:nowrap;flex-shrink:0}.auth-card{padding:32px 18px}.footer-inner{text-align:center;flex-direction:column;gap:16px}.footer-links{flex-wrap:wrap;justify-content:center;gap:14px}}@media (width<=480px){.nav{height:60px;padding:0 14px}.brand{gap:7px;font-size:16px}.brand span{border-radius:9px;width:30px;height:30px}.nav-actions{gap:6px}.nav-actions .button.compact{padding:7px 11px;font-size:12px}.theme-toggle{border-radius:8px;width:32px;height:32px}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .button{width:100%}.public-page{padding:24px 12px 60px}.public-page.has-bg{padding-top:84px}.creator-card{border-radius:16px;padding:24px 14px}.amount-grid{gap:8px}.amount-grid button{min-height:48px;padding:12px 6px;font-size:15px}.amount-toggles{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.amount-toggles label{padding:8px 10px;font-size:13px}.message-item{padding:16px 18px}.message-item div{flex-direction:column;align-items:flex-start;gap:4px}.donate-prompt-card{padding:16px 18px}}@media (width<=360px){.nav{height:56px;padding:0 10px}.brand{gap:5px;font-size:14px}.brand span{border-radius:7px;width:26px;height:26px}.nav-actions{gap:4px}.nav-actions .button.compact{padding:6px 8px;font-size:11px}.theme-toggle{width:28px;height:28px}.home,.dashboard,.form-page{padding:24px 10px}.dashboard-card,.form-card{border-radius:12px;padding:16px 12px}.creator-card{border-radius:12px;padding:20px 10px}.creator-card h1{font-size:21px}.pay-button{padding:11px 8px;font-size:12.5px}.row-actions{gap:6px}.row-actions .button,.row-actions button{padding:7px 9px;font-size:11.5px}.footer-links{gap:10px}.footer-links button{font-size:12px}}.site-footer{border-top:1px solid var(--line);margin-top:60px;padding:28px max(24px,50% - 560px)}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--muted);font-size:13px}.footer-links{gap:20px;display:flex}.footer-links button{color:var(--muted);text-underline-offset:3px;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:13px;text-decoration:underline;transition:color .15s}.footer-links button:hover{color:var(--ink)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;place-items:center;padding:24px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal-content{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:min(100%,580px);max-height:80vh;animation:.25s slideUp;display:flex;position:relative;box-shadow:0 20px 50px #00000026}.modal-close{background:var(--soft);width:36px;height:36px;color:var(--ink);cursor:pointer;z-index:1;border:none;border-radius:8px;place-items:center;transition:background .15s;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--line)}.modal-body{-webkit-overflow-scrolling:touch;padding:36px 32px;overflow-y:auto}.modal-body h2,.legal-content h2{letter-spacing:-.03em;margin:0 0 4px;font-family:Playfair Display,serif;font-size:28px}.modal-body h3,.legal-content h3{margin:22px 0 6px;font-size:15px}.modal-body p,.legal-content p{color:var(--muted);font-size:14px;line-height:1.65}.modal-body ul,.legal-content ul{margin:8px 0 12px;padding-left:20px}.modal-body li,.legal-content li{color:var(--muted);margin-bottom:4px;font-size:14px;line-height:1.65}.legal-updated{color:var(--muted);margin-bottom:18px;font-size:12px!important}.legal-page{min-height:calc(100vh - 200px);padding:40px max(24px,50% - 380px)}.legal-page-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:44px 40px;box-shadow:0 4px 20px #00000008}@media (width<=600px){.legal-page{padding:24px 16px}.legal-page-card{padding:28px 20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:2px solid #0000;border-radius:9999px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0;margin:8px 0}.modal-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:9999px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--muted)}.support-fields:has(.checkbox input:checked) .field{display:none}.no-custom-amount .amount-grid button:last-child{display:none}.payment-qr-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.payment-qr-section .qr-wrapper{border:1px solid var(--line);background:#fff;border-radius:12px;margin:6px auto;padding:8px;display:inline-flex;box-shadow:0 4px 14px #0000000f}.payment-qr-section .qr-wrapper svg{border-radius:6px;display:block}.payment-qr-divider{text-align:center;align-items:center;width:100%;margin:18px 0 14px;display:flex}.payment-qr-divider:before,.payment-qr-divider:after{content:"";border-bottom:1px solid var(--line);flex:1}.payment-qr-divider span{text-transform:uppercase;letter-spacing:.07em;color:var(--ink);opacity:.75;padding:0 12px;font-size:11px;font-weight:600}.mobile-qr-hint{color:var(--ink);opacity:.85;margin-top:8px;font-size:12.5px;font-weight:500;line-height:1.4}@media (width>=701px){.creator-card .pay-button,.payment-qr-divider,.mobile-qr-hint{display:none}.desktop-qr-title{color:var(--ink);margin-bottom:8px;font-size:13.5px;font-weight:500;line-height:1.5;display:block}.desktop-qr-title strong{color:var(--ink);font-weight:700}.desktop-qr{border-top:1px dashed var(--line);margin-top:24px;padding-top:21px}}@media (width<=700px){.desktop-qr-title{display:none}.mobile-qr-hint{display:block}.desktop-qr{margin-top:4px}}.theme-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:0 0;border-radius:9px;place-items:center;display:grid}.avatar-editor{justify-content:center}.creator-card>.avatar{margin-inline:auto;display:block}body.dark{--ink:#f2f3f5;--muted:#b5bac1;--line:#3f4147;--cream:#313338;--paper:#2b2d31;--moss:#7dd39c;--lime:#d9f279;--soft:#383a40;color:#f2f3f5}body.dark .app-shell{color:#f2f3f5;background:#313338}body.dark .nav{background:#232529ad;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #00000040}body.dark .brand span{color:#20251f}body.dark .icon-round{color:#fff}body.dark .button{color:#fff;background:#254e3d}body.dark .button:hover{background:#183c2c}body.dark .button.ghost,body.dark .amount-grid button,body.dark .field input,body.dark .field textarea,body.dark .custom-amount div{color:#f2f3f5;background:#383a40;border-color:#4e5058}body.dark .creator-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#2b2d31b8;border:1px solid #ffffff1a;box-shadow:0 24px 60px #0006}body.dark .public-page.has-bg .creator-card{background:#1e2024bf;border:1px solid #ffffff24;box-shadow:0 25px 70px #0000008c}body.dark .creator-card .amount-grid button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#383a40a6;border-color:#ffffff1a}body.dark .creator-card .field input,body.dark .creator-card .field textarea,body.dark .creator-card .custom-amount div{background:#383a40a6;border-color:#ffffff1f}body.dark .method-switcher{background:#2b2d3199;border-color:#ffffff1a}body.dark .method-tab.active{color:#f2f3f5;background:#383a40;box-shadow:0 2px 8px #0000004d}body.dark .card-info-badge{background:#383a4080;border-color:#ffffff1a}body.dark .card-info-badge strong{color:#f2f3f5}body.dark .custom-amount input{color:#f2f3f5;background:0 0}body.dark input::placeholder,body.dark textarea::placeholder{color:#9ba1a6}body.dark .amount-grid button.selected{color:#29412e;background:#d9f279;border-color:#bad15c}body.dark .avatar{border-color:#2b2d31}body.dark .notice{color:#ffb8b8;background:#5b2c31}body.dark .notice.success{color:#b8edcf;background:#244c3a}body.dark .desktop-qr svg,body.dark .payment-complete svg{background:#fff;border-radius:7px}body.dark .upload-label,body.dark .amount-toggles label{border-color:#4e5058}body.dark .donate-prompt-card{background:#2b2d31;border-color:#3f4147;box-shadow:0 4px 20px #0000004d}body.dark .donate-prompt-tag{color:#7dd39c;background:#7dd39c26}body.dark .donate-prompt-title{color:#f2f3f5}body.dark .donate-prompt-desc{color:#b5bac1}body.dark .donate-prompt-btn{background:#254e3d;color:#fff!important}body.dark .donate-prompt-btn:hover{background:#183c2c}@media (width<=480px){.nav{padding-inline:14px}.brand{font-size:16px}.brand span{width:30px;height:30px}.nav-actions{gap:6px}.nav-actions .button.compact{padding:7px 10px;font-size:12px}.theme-toggle{width:32px;height:32px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.page-heading>p,.hero>p{font-size:15px}.creator-card{border-radius:16px}.amount-grid{grid-template-columns:repeat(2,1fr);gap:8px}.amount-grid button{min-height:48px;font-size:15px}.row-actions{flex-wrap:wrap;gap:8px}.row-actions .button,.row-actions button,.row-actions a{flex:none;min-width:max-content;white-space:nowrap!important}.message-item div{flex-direction:column;align-items:flex-start;gap:4px}.amount-toggles label{flex:calc(50% - 10px)}}html.overlay-html,body.overlay-body,body.overlay-body.dark,.overlay-body #root,.overlay-container{background:0 0!important}:root:has(.overlay-container){background:0 0!important}body:has(.overlay-container){background:0 0!important}
