#support-screen { position: fixed; inset: auto; left: var(--viewport-left,0px); top: var(--viewport-top,0px); width: var(--viewport-width,100vw); height: var(--viewport-height,100dvh); z-index: 3600; display: grid; place-items: center; padding: 18px; background: rgba(10,6,3,.84); color: #f5e6c5; user-select: text; overscroll-behavior: contain; }
.support-dialog { display: flex; flex-direction: column; width: min(760px,100%); max-height: 100%; min-height: 0; overflow: hidden; border: 2px solid #a8834a; border-radius: 14px; background: #291a0e url(hs/table.webp) center / cover; box-shadow: inset 0 0 0 3px rgba(10,5,2,.5),0 20px 60px rgba(0,0,0,.6); }
.support-header { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px 17px; background: rgba(24,13,5,.92); }
.support-header h1 { margin: 0; color: #ffe3a1; font: 400 clamp(25px,4vw,34px)/1.2 'HS Belwe',Georgia,serif; text-wrap: balance; text-shadow: 0 2px 3px #0b0502; }
#support-screen .support-close { display: grid; place-items: center; flex: none; width: 44px; height: 44px; min-height: 44px; padding: 10px; border: 1px solid #a8834a; border-radius: 8px; background: #342313; color: #f5e6c5; cursor: pointer; }
.support-close svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.support-scroll { min-height: 0; overflow: auto; padding: 8px 28px 22px; background: rgba(25,14,6,.93); scrollbar-color: #a8834a #1b120b; scrollbar-width: thin; }
.support-description { max-width: 60ch; margin: 10px 0 24px; color: #e3d2b1; font: 16px/1.6 var(--body); }
.support-layout { display: grid; grid-template-columns: minmax(0,1fr) 210px; align-items: start; gap: 26px; }
.support-amounts { min-width: 0; }
.support-presets { min-width: 0; margin: 0; padding: 0; border: 0; }
.support-presets legend,.support-custom,.support-recipient > label { display: block; margin-bottom: 10px; color: #f2dfb6; font: 15px/1.45 var(--body); }
.support-presets-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
#support-screen .support-presets-row button { min-height: 46px; min-width: 0; padding: 10px 6px; border: 1px solid #a8834a; border-radius: 8px; background: linear-gradient(#4e351d,#2b1c0f); color: #f5e6c5; font: 20px/1.2 'HS Belwe',Georgia,serif; cursor: pointer; text-shadow: 0 1px 2px #160c03; }
#support-screen .support-presets-row button[data-support-amount="custom"] { font-size: 16px; }
#support-screen .support-presets-row button[aria-pressed="true"] { color: #291908; border-color: #f0cf82; background: linear-gradient(#e6bf68,#b98730); text-shadow: 0 1px 0 rgba(255,242,196,.65); }
.support-custom { margin-top: 18px; margin-bottom: 0; }
.support-custom-field { display: flex; align-items: center; gap: 8px; margin-top: 7px; min-height: 46px; padding: 9px 12px; border: 1px solid #a8834a; border-radius: 8px; background: #f0dfb9; color: #3d2815; font: 19px/1.3 var(--body); }
.support-custom-field input { flex: 1; min-width: 0; width: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: #3d2815; font: inherit; caret-color: #714312; }
.support-custom-field input::placeholder { color: #6b5434; opacity: 1; }
.support-custom-field:focus-within { outline: 3px solid #ffe3a1; outline-offset: 3px; }
.support-amount-hint { margin: 7px 0 0; color: #ddc9a5; font: 13px/1.4 var(--body); }
.support-amount-error { margin: 8px 0 0; color: #ffcfbd; font: 14px/1.5 var(--body); }
.support-amount-error:empty { margin: 0; }
.support-summary { display: flex; align-items: center; gap: 12px; margin: 24px 0; }
.support-summary img { display: block; flex: none; width: 56px; height: 56px; object-fit: contain; }
.support-summary strong { display: block; color: #ffe3a1; overflow-wrap: anywhere; font: 400 33px/1.25 'HS Belwe',Georgia,serif; font-variant-numeric: tabular-nums; }
.support-network { display: block; margin-top: 4px; color: #ddc9a5; font: 14px/1.45 var(--body); }
.support-wallet { display: inline-flex; justify-content: center; align-items: center; width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid #f0cf82; border-radius: 8px; background: linear-gradient(#e6bf68,#b98730); color: #291908; text-decoration: none; text-align: center; font: 19px/1.25 'HS Belwe',Georgia,serif; text-shadow: 0 1px 0 rgba(255,242,196,.65); }
.support-wallet[aria-disabled="true"] { opacity: .55; cursor: default; }
.support-payment-note { margin: 12px 0 0; color: #ddc9a5; font: 13px/1.6 var(--body); }
.support-scan { min-width: 0; width: 210px; margin: 0; }
.support-qr { display: grid; place-items: center; width: 210px; aspect-ratio: 1; padding: 6px; border-radius: 10px; background: #fff; color: #3d2815; }
.support-qr svg { display: block; width: 100%; height: auto; }
.support-qr p { margin: 0; padding: 18px; color: #3d2815; text-align: center; font: 15px/1.5 var(--body); }
.support-scan figcaption { margin-top: 11px; color: #ddc9a5; text-align: center; font: 13px/1.5 var(--body); }
.support-recipient { margin-top: 26px; padding-top: 22px; border-top: 1px solid #7d5b32; }
.support-address-row { display: flex; align-items: stretch; gap: 10px; }
.support-address-row textarea { display: block; flex: 1; min-width: 0; width: 100%; height: 62px; resize: none; padding: 10px 12px; border: 1px solid #a8834a; border-radius: 8px; background: #1b1007; color: #f6ecd6; font: 14px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap: anywhere; word-break: break-all; caret-color: #ffe3a1; }
#support-screen .support-copy { flex: none; min-height: 44px; padding: 10px 16px; border: 1px solid #a8834a; border-radius: 8px; background: linear-gradient(#4e351d,#2b1c0f); color: #f5e6c5; font: 17px/1.3 'HS Belwe',Georgia,serif; text-shadow: 0 1px 2px #160c03; cursor: pointer; }
#support-screen button:hover,.support-wallet[href]:hover { filter: brightness(1.12); }
#support-screen button:disabled { opacity: .6; cursor: wait; }
.support-copy-status { min-height: 22px; margin: 9px 0 0; color: #ffe3a1; font: 14px/1.5 var(--body); }
.support-thanks { margin: 18px 0 0; color: #ddc9a5; text-align: center; font: 15px/1.5 'HS Belwe',Georgia,serif; }
#support-screen :focus-visible { outline: 3px solid #ffe3a1; outline-offset: 4px; }
#support-screen ::selection { color: #241707; background: #ffd166; }
#support-screen [hidden] { display: none !important; }
@media(max-width:600px) { .support-header { padding: 16px 17px 14px; gap: 10px; }.support-scroll { padding: 5px 18px 20px; }.support-description { font-size: 15px; margin-bottom: 20px; }.support-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }.support-scan { justify-self: center; }.support-summary { margin-block: 20px; }.support-address-row { flex-direction: column; }.support-address-row textarea { flex: none; }.support-wallet { font-size: 18px; } }
@media(max-height:480px) { #support-screen { padding-block: 10px; }.support-header { padding-block: 10px; }.support-header h1 { font-size: 25px; }.support-description { margin-top: 8px; } }