.support-layer {position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0c1b36cf;box-sizing:border-box;}
.support-layer.hidden {display:none;}
.support-card {position:relative;width:min(420px,100%);max-height:100%;overflow:auto;box-sizing:border-box;padding:26px 25px 24px;border:2px solid #ffe29a;border-radius:24px;background:linear-gradient(155deg,#fff9ec,#e9f8fb);box-shadow:0 22px 70px #06152b9e;color:#203a5a;text-align:center;}
.support-kicker {color:#b07818;font-weight:900;font-size:12px;letter-spacing:.14em;}
.support-card h2 {margin:8px 36px 12px;font-size:clamp(22px,4vw,29px);}
.support-card p {margin:10px 0;line-height:1.6;}
.support-gate[hidden],.support-content[hidden] {display:none;}
.support-question {display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 8px;font-size:24px;font-weight:900;}
.support-question input {width:90px;min-height:48px;box-sizing:border-box;border:2px solid #8cb8ca;border-radius:12px;background:white;color:#203a5a;text-align:center;font:inherit;appearance:textfield;}
.support-question input::-webkit-inner-spin-button,.support-question input::-webkit-outer-spin-button {appearance:none;margin:0;}
.support-error {min-height:1.6em;color:#aa3855;font-size:13px;}
.support-submit {width:100%;min-height:48px;margin-top:5px;padding:10px 16px;border:0;border-radius:14px;background:#f47aab;color:white;font:inherit;font-weight:900;box-shadow:0 5px 0 #a44972;cursor:pointer;}
.support-note {color:#55728c;font-size:13px;}
.support-qr {display:block;width:160px;height:160px;object-fit:contain;margin:10px auto;border:8px solid white;border-radius:12px;box-sizing:content-box;}
.support-link {display:block;margin:12px auto 0;padding:13px 16px;border-radius:14px;background:#f47aab;color:white;text-decoration:none;font-weight:900;box-shadow:0 5px 0 #a44972;}
.support-close {position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:#deedf3;color:#203a5a;font-size:27px;cursor:pointer;}
.support-card :focus-visible {outline:3px solid #0a78aa;outline-offset:3px;}
@media(max-width:700px),(max-height:480px){.support-qr{display:none}.support-card{padding:18px 20px}.support-card h2{margin:4px 30px 8px}.support-card p{font-size:13px}}
