:root{--bg:#1a1333;--bg-deep:#0f0a22;--panel:#ffffff0d;--line:#7c74a840;--fill:#3ee0d8;--fill-deep:#00afb3;--text:#f3f3fb;--muted:#a29bcb;--danger:#ff6b6b;--warn:#ffc857;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.2,.8,.2,1);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body{background:radial-gradient(140% 90% at 20% 0%, #2a1f5e 0%, var(--bg) 45%, var(--bg-deep) 100%) fixed}button,input{font:inherit}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-orbs span{filter:blur(60px);opacity:.35;border-radius:50%;width:60vw;height:60vw;animation:18s ease-in-out infinite alternate orb;position:absolute}.bg-orbs span:first-child{background:#3ee0d8;top:-20vw;left:-20vw}.bg-orbs span:nth-child(2){background:#7c4dff;animation-delay:-6s;bottom:-25vw;right:-20vw}.bg-orbs span:nth-child(3){opacity:.18;background:#ff5fb0;animation-delay:-12s;bottom:30vh;left:-30vw}@keyframes orb{0%{transform:translate(0)scale(1)}to{transform:translate(12vw,8vh)scale(1.2)}}.desktop-guard{z-index:50;text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.desktop-guard[hidden]{display:none}.guard-logo{width:80px;animation:4s ease-in-out infinite float}.guard-qr{color:#0f0a22;background:#fff;border-radius:16px;width:220px;height:220px;margin:18px 0;padding:14px}.guard-qr svg{width:100%;height:100%}.guard-force{color:var(--muted);font-size:13px}.phone{z-index:1;flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.app-bar{justify-content:space-between;align-items:center;height:56px;padding:14px 18px 6px;display:flex;position:relative}.app-brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.app-brand img{width:24px;height:24px}.icon-btn{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:12px;place-items:center;width:38px;height:38px;font-size:26px;line-height:1;display:grid}.icon-btn[hidden]{visibility:hidden;display:grid}.app-bar-right{min-width:38px;color:var(--muted);text-align:right;font-size:12px}.screens{flex:1;position:relative}.screen{padding:12px 22px calc(28px + var(--safe-b));opacity:0;transition:opacity .38s var(--ease), transform .38s var(--ease);flex-direction:column;gap:14px;display:none;position:absolute;inset:0;overflow-y:auto;transform:translate(40px)}.screen.active{display:flex}.screen.in{opacity:1;transform:none}.screen.out-left{opacity:0;transform:translate(-40px)}.screen.back-in{transform:translate(-40px)}h1,h2{letter-spacing:-.02em;margin:0}h2{font-size:26px;font-weight:700}.title{font-size:38px;font-weight:800;line-height:1.05}.grad{background:linear-gradient(90deg, var(--fill), #a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.lead b{color:var(--text)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:12px}.fine{color:var(--muted);text-align:center;margin:0;font-size:12px}.fine.warn{color:var(--warn);text-align:left}.mono{font-family:var(--mono);font-size:12px}.hero{flex-direction:column;flex:1;justify-content:center;gap:22px;padding-top:10px;display:flex}.coin-wrap{width:150px;height:170px;margin:0 auto;position:relative}.coin{filter:drop-shadow(0 20px 40px #3ee0d859);width:150px;animation:4.5s ease-in-out infinite float}.coin-shadow{filter:blur(8px);background:#00000073;border-radius:50%;height:14px;animation:4.5s ease-in-out infinite shadow;position:absolute;bottom:0;left:25%;right:25%}@keyframes float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-18px)rotate(4deg)}}@keyframes shadow{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.25;transform:scaleX(.7)}}.cta-area{flex-direction:column;gap:10px;display:flex}.form{flex-direction:column;gap:14px;display:flex}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}input[type=text],input[type=email],input[type=password]{border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:14px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--fill);box-shadow:0 0 0 4px #3ee0d826}.error{color:var(--danger);min-height:18px;font-size:13px}.error:empty{display:none}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:transform .12s var(--ease), background .2s, opacity .2s;border-radius:16px;padding:15px 18px;font-size:16px;font-weight:600}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn-primary{background:linear-gradient(160deg, var(--fill), var(--fill-deep));color:#0f0a22;border-color:#0000;box-shadow:0 10px 30px #3ee0d840}.btn-lg{padding:18px;font-size:17px}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.small{padding:10px;font-size:13px}.pulse-btn{animation:2.4s ease-in-out infinite btnpulse}@keyframes btnpulse{0%,to{box-shadow:0 10px 30px #3ee0d840}50%{box-shadow:0 10px 40px #3ee0d88c}}.btn.loading{pointer-events:none;opacity:.75;color:#0000;position:relative}.btn.loading:after{content:"";border:3px solid #0f0a2240;border-top-color:#0f0a22;border-radius:50%;width:20px;height:20px;margin:auto;animation:.8s linear infinite spin;position:absolute;inset:0}.btn:not(.btn-primary).loading:after{border-color:#f3f3fb40;border-top-color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.code-boxes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.code-box{border:1px solid var(--line);height:58px;font-size:26px;font-weight:700;font-family:var(--mono);background:#ffffff0f;border-radius:14px;place-items:center;transition:border-color .15s,transform .15s;display:grid}.code-box.filled{border-color:var(--fill);animation:pop .22s var(--ease)}.code-box.cursor{border-color:var(--fill);box-shadow:0 0 0 4px #3ee0d826}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.code-hidden{opacity:0;pointer-events:none;height:0;position:absolute}.devcode{color:var(--warn);text-align:center;background:#ffc8571a;border:1px dashed #ffc85780;border-radius:12px;padding:10px 12px;font-size:13px}.devcode b{font-family:var(--mono);letter-spacing:3px;font-size:16px}.devcode[hidden]{display:none}.home-head{justify-content:space-between;align-items:flex-end;display:flex}.count-badge{text-align:right;line-height:1}.count-num{color:var(--fill);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;display:block}.count-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.mini-stage{border:1px solid var(--line);background:#0000002e;border-radius:20px;height:240px;position:relative;overflow:hidden}.mini-stage canvas{display:block;width:100%!important;height:100%!important}.mini-hint{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;bottom:10px;left:12px}.home-actions{flex-direction:column;gap:10px;display:flex}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tokens{flex-direction:column;gap:8px;display:flex}.token-card{background:var(--panel);border:1px solid var(--line);animation:rise .42s var(--ease) both;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.token-card .tc-id{font-family:var(--mono);color:var(--fill);font-size:15px;font-weight:600}.token-card .tc-where{color:var(--muted);flex:1;font-size:13px}.token-card .tc-tx{font-family:var(--mono);color:var(--text);opacity:.8;font-size:12px;text-decoration:none}.token-card.big{text-align:center;background:#3ee0d814;border-color:#3ee0d859;flex-direction:column;gap:8px;padding:26px 20px}.token-card.big .tc-id{font-size:40px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tokens .token-card:nth-child(2){animation-delay:60ms}.tokens .token-card:nth-child(3){animation-delay:.12s}.tokens .token-card:nth-child(4){animation-delay:.18s}.empty-note{color:var(--muted);text-align:center;padding:14px;font-size:14px}.progress-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.rings{place-items:center;width:160px;height:160px;display:grid;position:relative}.rings span{border:2px solid #3ee0d899;border-radius:50%;animation:2.4s ease-out infinite ring;position:absolute;inset:0}.rings span:nth-child(2){animation-delay:.8s}.rings span:nth-child(3){animation-delay:1.6s}@keyframes ring{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(1.15)}}.rings-core{background:#3ee0d81f;border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.rings-core img{width:56px;animation:3s ease-in-out infinite float}.reveal{animation:rise .6s var(--ease) both;flex-direction:column;gap:14px;display:flex}.reveal[hidden]{display:none}canvas#confetti,canvas#confetti2{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.screen.done .progress-wrap{flex:0}.screen.done .rings{display:none}.qr-card{color:#0f0a22;animation:rise .4s var(--ease) both;background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:22px;display:flex}.qr-big{width:230px;height:230px}.qr-big svg{width:100%;height:100%}.qr-name{font-size:18px;font-weight:700}.qr-addr{color:#5a5480;word-break:break-all;text-align:center}.scanner{aspect-ratio:1;background:#000;border-radius:22px;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scan-frame{border:2px solid #3ee0d8e6;border-radius:18px;animation:1.8s ease-in-out infinite scanpulse;position:absolute;inset:14%;box-shadow:0 0 0 100vmax #00000059}@keyframes scanpulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.scan-msg{text-align:center;color:var(--text);text-shadow:0 1px 4px #000;font-size:13px;position:absolute;bottom:12px;left:0;right:0}.manual summary{color:var(--muted);cursor:pointer;font-size:14px}.manual .form{margin-top:10px}.recipient{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.rc-name{font-size:22px;font-weight:700}.rc-addr{color:var(--muted);word-break:break-all}.stepper{justify-content:center;align-items:center;gap:26px;padding:18px 0;display:flex}.step{border:1px solid var(--line);background:var(--panel);width:64px;height:64px;color:var(--text);cursor:pointer;border-radius:50%;font-size:30px}.step:active{transform:scale(.94)}.step-val{color:var(--fill);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.04em;min-width:90px;font-size:64px;font-weight:800}.step-val.bump{animation:pop .22s var(--ease)}.toast{left:50%;bottom:calc(24px + var(--safe-b));border:1px solid var(--line);color:var(--text);opacity:0;pointer-events:none;transition:opacity .25s, transform .25s var(--ease);z-index:20;background:#0f0a22;border-radius:14px;max-width:90vw;padding:12px 16px;font-size:14px;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.err{border-color:#ff6b6b80}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
