:root{color-scheme:light;--ink:#1e2948;--muted:#566483;--line:#d8e0f1;--blue:#375ad3}*{box-sizing:border-box}body{margin:0;background:#eef3ff;color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:590px;margin:0 auto;padding:36px 20px}header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:28px;font-weight:750;letter-spacing:.07em}small{font-size:12px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-top:5px solid #6660cf;border-radius:18px;padding:28px;box-shadow:0 14px 50px #243d8310}.head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}h1{font-size:22px;margin:0}#status{font-size:14px;padding:4px 10px;background:#e9eeff;border-radius:8px}p{margin:16px 0}.label{font-size:13px;color:var(--muted);letter-spacing:.09em;margin-bottom:0}.amount{font-size:38px;font-weight:750;letter-spacing:-.04em;margin-top:0}dl{margin:20px 0}dl div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}#qr{width:100%;max-width:330px;display:block;margin:24px auto;border:1px solid var(--line);border-radius:12px}#qr[hidden],[hidden]{display:none!important}.warning{font-size:14px;padding:14px;background:#f0f3ff;border-radius:10px;color:var(--muted)}button{border:0;border-radius:10px;background:linear-gradient(105deg,#3d6bcb,#7853bb);color:#fff;font:inherit;padding:12px 18px;cursor:pointer;width:100%;min-height:48px}button:focus-visible{outline:3px solid #223d9c;outline-offset:3px}footer{font-size:14px;color:var(--muted);margin-top:22px}@media(max-width:420px){main{padding:22px 14px}.card{padding:20px}header{align-items:flex-start;flex-direction:column}.amount{font-size:32px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#edf1ff;--muted:#b1bdd9;--line:#344263}body{background:#11182b}.card{background:#19233a}#status,.warning{background:#263451}#qr{background:white}}