:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#eef8ff;background:#06101b}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:clamp(14px,4vw,42px);background:radial-gradient(circle at 82% 5%,rgba(58,169,241,.23),transparent 30%),radial-gradient(circle at 6% 92%,rgba(103,79,225,.2),transparent 35%),#06101b}.shell{width:min(880px,100%);margin:auto;display:grid;gap:16px}.hero,.identity,.actions article,.result{border:1px solid rgba(163,222,255,.16);background:linear-gradient(145deg,rgba(17,43,66,.86),rgba(8,22,37,.9));box-shadow:inset 0 1px rgba(255,255,255,.055),0 24px 60px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.hero{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border-radius:24px}.hero img{width:66px;height:66px}.hero small,.actions small{color:#74cfff;font-size:9px;font-weight:850;letter-spacing:.16em}.hero h1{margin:3px 0 3px;font-size:clamp(23px,4vw,34px);letter-spacing:-.04em}.hero p,.actions p{margin:0;color:rgba(220,239,252,.58);font-size:11px;line-height:1.55}.state{padding:7px 10px;border-radius:999px;background:rgba(255,190,78,.12);color:#ffd98d;font-size:9px;font-weight:850;text-transform:uppercase}.state.ready{background:rgba(70,222,165,.12);color:#88efc7}.state.error{background:rgba(255,89,115,.12);color:#ffadba}.identity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:14px 17px;border-radius:17px}.identity span{font-size:9px;color:rgba(220,239,252,.5)}.identity strong{grid-column:1;font-size:13px}.identity code{grid-column:2;grid-row:1/3;align-self:center;max-width:360px;overflow:hidden;text-overflow:ellipsis;color:#9fdfff;font-size:9px;white-space:nowrap}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.actions article{position:relative;display:flex;flex-direction:column;min-height:300px;padding:20px;border-radius:22px}.direction{position:absolute;right:18px;top:17px;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;font-size:20px;font-weight:900}.direction.credit{background:rgba(65,217,162,.12);color:#7cebc3}.direction.debit{background:rgba(137,109,255,.14);color:#b9a8ff}.actions h2{margin:22px 0 7px;font-size:24px;letter-spacing:-.035em}.actions p{max-width:310px}.actions label{display:grid;gap:6px;margin-top:auto;margin-bottom:9px}.actions label span{font-size:9px;color:rgba(220,239,252,.54)}input{width:100%;height:43px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;outline:0;background:rgba(0,0,0,.2);color:#fff}input:focus{border-color:#68cfff;box-shadow:0 0 0 3px rgba(70,180,241,.1)}button{height:44px;border:1px solid rgba(157,223,255,.3);border-radius:13px;background:linear-gradient(135deg,#218fd0,#5b64df);color:#fff;font-weight:800;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{cursor:not-allowed;opacity:.42}.actions article:first-child button{margin-top:auto;background:linear-gradient(135deg,#178a72,#258bc8)}.result{overflow:hidden;border-radius:18px}.result header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.result header strong{font-size:10px}.result header button{width:auto;height:28px;padding:0 9px;border-color:rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.05);font-size:9px}.result pre{min-height:74px;max-height:220px;margin:0;padding:13px;overflow:auto;color:#b9d5e7;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){body{padding:10px}.hero{grid-template-columns:54px minmax(0,1fr);border-radius:19px}.hero img{width:50px;height:50px}.hero .state{grid-column:1/-1;width:max-content}.identity{grid-template-columns:1fr}.identity code{grid-column:1;grid-row:auto;margin-top:5px}.actions{grid-template-columns:1fr}.actions article{min-height:270px}}

.result header{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:12px;align-items:center}.result header button{width:58px;display:grid;place-items:center;padding:0;line-height:1}
/* Payment-only layout. */
.actions{grid-template-columns:minmax(0,440px);justify-content:center}.actions article{width:100%;justify-self:center}