:root{--px-bg:#0f0f1b;--px-bg-2:#171728;--px-panel:#21243a;--px-panel-line:#33375a;--px-ink:#0a0a12;--px-text:#e9e9f5;--px-muted:#9a9ac2;--px-accent:#2775ca;--px-accent-2:#4d8ff0;--px-green:#3bd16f;--px-yellow:#ffd93d;--px-red:#ff5b5b;image-rendering:pixelated}*{box-sizing:border-box}body{background:repeating-linear-gradient(0deg, transparent 0 3px, #0000001f 3px 4px), radial-gradient(circle at 50% 0%, var(--px-bg-2), var(--px-bg));min-height:100vh;color:var(--px-text);-webkit-font-smoothing:none;justify-content:center;align-items:center;margin:0;padding:24px;font-family:"Press Start 2P",ui-monospace,Courier New,monospace;display:flex}.px-stage{flex-direction:column;width:100%;max-width:440px;display:flex}.px-bubble{text-align:center;max-width:82%;color:var(--px-ink);border:4px solid var(--px-ink);background:#fdfdff;align-self:flex-end;margin:0 28px 50px 0;padding:16px 20px;font-size:9px;line-height:1.9;position:relative;box-shadow:6px 6px #00000059}.px-bubble-head{justify-content:center;align-items:center;gap:8px;display:flex}.px-bubble-amount{color:var(--px-accent);margin-top:12px;font-size:14px;display:block}.px-bubble:before,.px-bubble:after{content:"";border:3px solid var(--px-ink);background:#fdfdff;position:absolute;left:22px}.px-bubble:before{width:14px;height:14px;bottom:-22px}.px-bubble:after{width:8px;height:8px;bottom:-38px;left:14px}.px-coin-svg{image-rendering:pixelated;flex:none;display:block}.px-card{background:var(--px-panel);border:4px solid var(--px-ink);width:100%;box-shadow:10px 10px 0 var(--px-ink);padding:28px 24px 30px}.px-tabs{gap:8px;margin-bottom:22px;display:flex}.px-tab-panel{min-height:232px}.px-tab{color:var(--px-muted);background:var(--px-bg);border:3px solid var(--px-panel-line);cursor:pointer;flex:1;padding:11px 8px;font-family:inherit;font-size:9px}.px-tab--active{color:#fff;background:var(--px-accent);border-color:var(--px-ink)}.px-receive-addr{word-break:break-all;color:var(--px-green);background:var(--px-bg);border:3px solid var(--px-panel-line);margin-bottom:16px;padding:14px;font-size:8px;line-height:1.9}.px-title{color:var(--px-text);text-shadow:2px 2px 0 var(--px-ink);align-items:center;gap:12px;margin:0 0 4px;font-size:16px;line-height:1.4;display:flex}.px-coin{background:var(--px-yellow);width:28px;height:28px;color:var(--px-ink);border:3px solid var(--px-ink);flex:none;place-items:center;font-size:12px;display:grid;box-shadow:3px 3px #00000059}.px-sub{color:var(--px-muted);margin:6px 0 26px;font-size:8px;line-height:2}.px-field{margin-bottom:18px}.px-label{color:var(--px-muted);margin-bottom:10px;font-size:9px;line-height:1.9;display:block}.px-input{width:100%;color:var(--px-text);background:var(--px-bg);border:3px solid var(--px-panel-line);outline:none;padding:12px;font-family:inherit;font-size:9px}.px-input::placeholder{color:#5b5f85}.px-input:focus{border-color:var(--px-accent-2);box-shadow:0 0 0 3px #4d8ff040}.px-btn{color:#fff;background:var(--px-accent);border:4px solid var(--px-ink);width:100%;box-shadow:5px 5px 0 var(--px-ink);cursor:pointer;text-align:center;padding:14px 16px;font-family:inherit;font-size:11px;text-decoration:none;transition:transform 30ms linear,box-shadow 30ms linear;display:inline-block}.px-btn:hover{background:var(--px-accent-2)}.px-btn:active{box-shadow:0 0 0 var(--px-ink);transform:translate(5px,5px)}.px-btn:disabled{color:#7d80a3;cursor:not-allowed;box-shadow:5px 5px 0 var(--px-ink);background:#3a3d5c;transform:none}.px-btn--green{background:var(--px-green);color:var(--px-ink)}.px-btn--green:hover{background:#57e089}.px-btn--warn{background:var(--px-yellow);color:var(--px-ink);box-shadow:4px 4px 0 var(--px-ink);padding:10px 12px;font-size:9px}.px-btn--warn:hover{background:#ffe066}.px-account{color:var(--px-green);background:var(--px-bg);border:3px solid var(--px-panel-line);word-break:break-all;align-items:center;gap:8px;margin-bottom:20px;padding:10px 12px;font-size:9px;display:flex}.px-dot{background:var(--px-green);width:8px;height:8px;box-shadow:0 0 8px var(--px-green);flex:none}.px-status{border:3px solid var(--px-panel-line);background:var(--px-bg);word-break:break-all;margin-top:20px;padding:12px;font-size:8px;line-height:1.8}.px-status b{color:var(--px-text)}.px-status--pending{border-color:var(--px-yellow);color:var(--px-yellow)}.px-status--ok{border-color:var(--px-green);color:var(--px-green)}.px-status--err{border-color:var(--px-red);color:var(--px-red)}.px-link{color:var(--px-accent-2)}.px-blink{animation:1s steps(2,start) infinite px-blink}@keyframes px-blink{to{visibility:hidden}}
