/* Compact layout: design dimensions reduced by 10%; fonts and fullscreen behavior preserved. */
:root{--red:#ff2d3f;--red2:#ff5a68;--ink:#1d1d1f;--mute:#86868b;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0}
body{font-family:'Estedad',-apple-system,Tahoma,sans-serif;color:var(--ink);background:#f5f5f7;min-height:100vh;overflow-x:hidden}
.blob{position:fixed;border-radius:50%;filter:blur(63px);z-index:0;pointer-events:none}
.b1{width:270px;height:270px;background:#ff8a94;top:-72px;right:-72px;opacity:.7}
.b2{width:234px;height:234px;background:#ffd1d5;top:38%;left:-90px;opacity:.9}
.b3{width:252px;height:252px;background:#ff6b78;bottom:-90px;right:-54px;opacity:.45}
.wrap{position:relative;z-index:1;max-width:414px;margin:auto;padding:27px 16.2px 39.6px}
svg.i{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.head{text-align:center}
.app{width:75.6px;height:75.6px;margin:0 auto 16.2px;border-radius:23.4px;display:grid;place-items:center;font-size:37.8px;color:#fff;background:linear-gradient(145deg,#ff6a77,#e0152a);box-shadow:0 16.2px 30.6px -9px rgba(255,45,63,.65),inset 0 1.5px 0 rgba(255,255,255,.55)}
.head h1{margin:0;font-size:22.5px;font-weight:800;line-height:1.5}
.head p{margin:5.4px 0 0;color:var(--mute);font-size:12.15px}
.pr{margin:23.4px 0 3.6px;color:var(--mute);font-size:11.7px}
.amount{font-size:39.6px;font-weight:800;line-height:1.3;background:linear-gradient(135deg,#ff2d3f,#c80f22);-webkit-background-clip:text;background-clip:text;color:transparent}
.amount small{font-size:15.3px;font-weight:600;margin-right:5.4px}
.sec{display:flex;align-items:center;gap:7.2px;margin:30.6px 5.4px 12.6px;font-size:13.5px;font-weight:800}
.receipt-guide{margin:-3.6px 5.4px 12.6px;color:var(--mute);font-size:10.8px;line-height:2}
.sec .i{font-size:18px;color:var(--red)}
.card{position:relative;border-radius:23.4px;height:auto;aspect-ratio:1.75;padding:16.2px 18px;margin-bottom:14.4px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 19.8px 32.4px -14.4px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.6);cursor:pointer;transition:transform .2s}
.card:active{transform:scale(.97)}
.card>*:not(svg){position:relative;z-index:1}
.pas{background:linear-gradient(135deg,#ffd45c,#ef9d12);color:#4a2c00}
.mel{background:linear-gradient(135deg,#ff4658,#a30d1c);color:#fff}
.top{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:14.4px}
.top .i{font-size:23.4px;opacity:.85}
.num{direction:ltr;text-align:center;font-family:'Space Mono',ui-monospace,monospace;font-weight:700;font-size:clamp(17.1px,5.58vw,25.2px);letter-spacing:.04em;white-space:nowrap;text-shadow:0 2px 7.2px rgba(0,0,0,.18)}
.bot{display:flex;justify-content:space-between;align-items:center;font-size:11.7px}
.copy{display:inline-flex;align-items:center;gap:6.3px;background:#fff;border-radius:89.1px;padding:8.1px 16.2px;font-size:12.15px;font-weight:800;box-shadow:0 7.2px 14.4px -5.4px rgba(0,0,0,.4);transition:transform .15s}
.copy .i{font-size:15.3px}
.pas .copy{color:#a85a00}.mel .copy{color:#d0102a}
.copy.ok{background:#1fb86a;color:#fff!important}
.glass{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(23.4px) saturate(180%);backdrop-filter:blur(23.4px) saturate(180%);border:1px solid rgba(255,255,255,.85);box-shadow:0 9px 27px -12.6px rgba(120,20,30,.3),inset 0 1px 0 #fff}
.drop{display:block;border-radius:23.4px;padding:25.2px 14.4px;text-align:center;cursor:pointer;color:var(--mute);font-size:11.7px}
.drop .ic{width:54px;height:54px;border-radius:17.1px;margin:0 auto 10.8px;display:grid;place-items:center;font-size:27px;color:#fff;background:linear-gradient(145deg,#ff6a77,#e0152a);box-shadow:0 9px 18px -7.2px rgba(255,45,63,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.drop b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:3px}
.drop img{max-width:100%;max-height:234px;border-radius:16.2px;display:none;margin:0 auto 10.8px;box-shadow:0 7.2px 18px -7.2px rgba(0,0,0,.35)}
.drop.has img{display:block}
.drop.has .ic,.drop.has .t{display:none}
.chg{display:none;align-items:center;justify-content:center;gap:5.4px;color:var(--red);font-weight:600;font-size:12.6px}
.drop.has .chg{display:flex}
input[type=file]{display:none}
.btn{width:100%;margin-top:18px;border:0;border-radius:19.8px;padding:15.3px;font:inherit;font-size:14.85px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(180deg,#ff5a68,#e0152a);box-shadow:0 12.6px 23.4px -9px rgba(255,45,63,.8),inset 0 1.5px 0 rgba(255,255,255,.5);cursor:pointer;transition:transform .15s}
.btn:active{transform:scale(.97)}
.btn .i{font-size:18px}
.btn:disabled{background:rgba(255,255,255,.7);color:#b9b9be;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);cursor:not-allowed}
.note{direction:rtl;text-align:right;font-size:11.25px;color:var(--mute);margin:14.4px 0 0;line-height:1.9}

.done{display:none;text-align:center;border-radius:28.8px;padding:34.2px 19.8px;margin-top:36px}
.done .ring{width:82.8px;height:82.8px;margin:0 auto 16.2px;border-radius:50%;display:grid;place-items:center;font-size:39.6px;color:var(--red);background:rgba(255,45,63,.1);animation:pulse 2s infinite}
.done h3{margin:0 0 7.2px;font-size:18px}
.done p{margin:0;color:var(--mute);font-size:12.6px;line-height:2}
.pill{display:inline-flex;align-items:center;gap:5.4px;margin-top:14.4px;background:rgba(255,45,63,.1);color:var(--red);border-radius:89.1px;padding:6.3px 14.4px;font-size:11.7px;font-weight:600}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,45,63,.35)}70%{box-shadow:0 0 0 18px rgba(255,45,63,0)}100%{box-shadow:0 0 0 0 rgba(255,45,63,0)}}
.toast{position:fixed;left:50%;bottom:calc(23.4px + env(safe-area-inset-bottom,0px));transform:translate(-50%,27px);display:flex;align-items:center;gap:7.2px;background:rgba(29,29,31,.88);-webkit-backdrop-filter:blur(12.6px);backdrop-filter:blur(12.6px);color:#fff;padding:9.9px 18px;border-radius:89.1px;font-size:11.7px;opacity:0;transition:.3s;pointer-events:none;z-index:9}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* Telegram fullscreen safe areas, preserving the reference layout. */
:root{padding:0}
body{min-height:100vh;min-height:var(--app-height,100dvh)}
.wrap{padding-top:calc(27px + var(--app-top,env(safe-area-inset-top,0px)));padding-bottom:calc(39.6px + var(--app-bottom,env(safe-area-inset-bottom,0px)))}
.wrap{padding-left:max(16.2px,var(--app-left,0px));padding-right:max(16.2px,var(--app-right,0px))}
.card:focus-visible,.drop:focus-within,.btn:focus-visible{outline:3px solid var(--red);outline-offset:4.5px}
input[type=file]{display:block;position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.drop{position:relative}
.toast{max-width:calc(100vw - 25.2px);width:max-content;text-align:center}
.toast.error svg{color:#ff8a94!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}