:root{--ink:#070a14;--sub:#596077;--light:#f7f9ff;--stroke:#e9ebf4;--shadow:0 18px 55px rgba(45,65,130,.11);--radius:26px;--blue:#10baf6;--purple:#a837f9;--accent:linear-gradient(105deg,#10c4ff 0%,#2b65fd 50%,#b733ef 95%);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px;color:var(--ink);background:#fff;font-family:ui-rounded,"Arial Rounded MT Bold",Nunito,"Trebuchet MS",system-ui,sans-serif;font-weight:450;overflow-x:hidden}body.dark{--ink:#f7f7ff;--sub:#c5c9e0;--light:#121625;--stroke:#353b53;--shadow:0 16px 50px #0007;background:#1c1c1c;color:var(--ink);color-scheme:dark}body.dark .ambient{opacity:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}img{max-width:100%;object-fit:contain}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.048em;font-weight:950}small{font-size:12px}.site-container{max-width:1200px;width:calc(100% - 80px);margin-left:auto;margin-right:auto}.ambient{pointer-events:none;position:absolute;z-index:-1;left:0;right:0;top:65px;height:1220px;background:radial-gradient(ellipse 27% 20% at 88% 15%,#ffdfff60,transparent),radial-gradient(ellipse 30% 32% at 9% 65%,#bcdffe78,transparent),radial-gradient(ellipse 30% 24% at 94% 75%,#f7c9fc80,transparent),linear-gradient(180deg,#fff,#f7faff 78%,#fff)}.topbar{position:relative;z-index:20;max-width:1340px;padding:10px 32px;margin:auto;min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #e9edf433}.brand{flex-shrink:0;display:flex;align-items:center}.brand img{width:165px;height:54px;object-position:left}.nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}.nav a{font-size:13px;color:#303951;font-weight:700;white-space:nowrap;transition:color .2s}.nav a:hover{color:#5b4eff}.nav .nav-current{background:#f3f4fa;padding:12px 22px;border-radius:99px}.nav-actions{display:flex;align-items:center;gap:12px}.icon-button{background:transparent;border:0;display:inline-grid;place-items:center;border-radius:13px;width:42px;height:42px;color:var(--ink)}.icon-button:hover{background:#8882}.icon-button img{width:27px;height:27px}.support-button{background:#0d1223;color:white;font-size:13px;font-weight:900;display:flex;align-items:center;gap:8px;border-radius:100px;padding:12px 20px;box-shadow:0 8px 15px #0f123829;white-space:nowrap}.support-button img{width:24px;height:21px}.hero{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:525px;padding-top:20px;position:relative}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(54px,7.1vw,104px);line-height:1.03;margin:0 0 25px;color:#06060c}.gradient-text{background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy p{color:#46506a;line-height:1.35;font-family:system-ui,sans-serif;font-weight:450;font-size:clamp(16px,1.5vw,20px);margin-bottom:27px}.hero-buttons{display:flex;gap:15px;align-items:stretch;flex-wrap:wrap}.btn{border:0;border-radius:30px;padding:13px 19px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;text-align:left;box-shadow:0 12px 22px #a57df529;transition:transform .2s,box-shadow .2s}.btn:hover,.donate-white:hover{transform:translateY(-3px);box-shadow:0 17px 30px #a57df543}.btn img{width:34px;height:34px}.btn span{display:flex;flex-direction:column;line-height:1.2}.btn b{font-size:15px;white-space:nowrap}.btn small{font-size:11px;font-family:system-ui,sans-serif;font-weight:500}.gradient-btn{background:var(--accent);color:white}.soft-btn{background:#fff;color:#17192d;box-shadow:0 9px 25px #303b6210}.trust-tags{display:flex;gap:21px;flex-wrap:wrap;margin-top:24px;color:#5b6479;font-size:11px;font-family:system-ui,sans-serif}.hero-art{position:relative;margin-left:-35px;margin-top:-10px}.hero-puff{width:115%;max-width:none;filter:drop-shadow(0 20px 17px #f6b5f456);animation:puffFloat 5s ease-in-out infinite}@keyframes puffFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-11px) rotate(1.5deg)}}.progress-showcase{margin-top:-12px;margin-bottom:45px}.demo-card{max-width:895px;margin:auto;padding:28px 46px 24px;border-radius:32px;background:linear-gradient(120deg,#fffefef5,#f1f6ffe8);border:1px solid white;box-shadow:var(--shadow)}.demo-file{display:flex;align-items:center;gap:14px}.demo-file img{width:55px;height:55px}.demo-file span{display:grid;gap:3px}.demo-file b{font-size:16px}.demo-file small{color:#68728b}.demo-progress{margin-left:75px;margin-top:16px}.progress-track{height:20px;border-radius:99px;background:#d9e3fa;position:relative;overflow:visible;margin-right:8px}.progress-fill{width:73%;height:100%;border-radius:99px;background:linear-gradient(90deg,#25dafa,#179afb);box-shadow:0 0 14px #1edcff99}.runner{position:absolute;left:68%;top:-41px;width:135px;height:71px;object-fit:contain;animation:runnerBounce 1.5s ease-in-out infinite}@keyframes runnerBounce{50%{transform:translate(4px,-5px)}}.demo-stats{display:flex;align-items:center;gap:10px;margin-top:14px}.demo-stats img{width:38px}.demo-stats div{display:grid;gap:4px}.demo-stats b{font-size:15px}.demo-stats small{color:#637187}.demo-stats strong{margin-left:auto}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;text-align:center;padding:6px 10px 56px}.features article{display:flex;flex-direction:column;align-items:center}.features article img{height:91px;max-width:155px;object-fit:contain;margin-bottom:11px;filter:drop-shadow(0 12px 12px #c3b2f94d)}.features h3{font-size:18px;line-height:1.1;margin:0 0 8px}.features p{font-family:system-ui,sans-serif;font-size:13px;line-height:1.4;color:#59647f;max-width:165px}.workflow{margin-bottom:-20px;position:relative;z-index:2}.workflow-card{background:linear-gradient(115deg,#fffefff2,#f7f8ffea);border:1px solid #fff;padding:24px 30px;border-radius:26px;display:flex;align-items:center;gap:18px;box-shadow:0 15px 32px #6878a229}.workflow-title{min-width:245px}.workflow-title h2{font-size:36px;line-height:1.02;margin:0}.workflow-steps{display:flex;flex:1;align-items:center;justify-content:space-between;gap:3px}.workflow-steps>div{display:grid;place-items:center;min-width:0}.workflow-steps img{width:108px;height:103px}.workflow-steps b{font-size:12px;white-space:nowrap}.step-arrow{color:#ffb60e;font-size:23px;transform:translateY(-10px)}.community{position:relative;overflow:hidden;background:#050d23 url('/assets/img/fondo-oscuro-community.webp') center/cover no-repeat;color:white;padding:45px 0 30px;min-height:270px}.community-inner{display:grid;grid-template-columns:29% 40% 31%;align-items:center;gap:10px}.community-mascot{align-self:stretch;display:grid;place-items:center;margin:-30px -30px -36px -35px}.community-mascot img{width:100%;max-width:360px;animation:puffFloat 4.8s ease-in-out infinite}.community-copy h2{font-size:clamp(27px,3vw,43px);line-height:1.07;margin:0 0 12px}.community-copy p{font-family:system-ui,sans-serif;color:#d7dded;font-size:14px;line-height:1.5}.donate-white{margin-top:5px;display:inline-flex;align-items:center;gap:9px;color:#ee3a95;background:white;border-radius:90px;padding:11px 20px;font-size:14px;font-weight:900;box-shadow:0 7px 15px #ffffff23;transition:transform .2s}.donate-white img{width:24px;height:24px}.community-stats{background:linear-gradient(130deg,#17447989,#4d0d6477);border:1px solid #fff2;border-radius:23px;padding:21px 24px;backdrop-filter:blur(12px)}.community-stats>p{margin:0 0 12px;font-size:12px;letter-spacing:.035em}.community-stats>div{display:flex;align-items:center;gap:11px;padding:7px 0;border-bottom:1px solid #ffffff19}.community-stats>div:last-child{border:0}.community-stats img{width:51px;height:49px;object-fit:contain}.community-stats span{display:grid;line-height:1.08;gap:3px}.community-stats strong{font-size:24px;letter-spacing:-.035em}.community-stats small{font-size:11px;color:#f2f2ff}.info-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:26px 0 16px}.info-cards article{border-radius:22px;background:white;box-shadow:0 8px 28px #5060a10d;min-height:182px;padding:19px 17px}.info-heading{display:flex;align-items:center;gap:11px;min-height:55px}.info-heading>img{width:54px;height:54px;flex-shrink:0}.info-heading h3{font-size:15px;margin:0 0 3px}.info-heading p{font-family:system-ui,sans-serif;color:#6b738a;font-size:11px;line-height:1.38;margin:0}.fake-input{display:flex;align-items:center;justify-content:space-between;gap:3px;border-radius:50px;padding:12px 12px;background:#f0f2fa;color:#1b1e32;margin-top:21px;font-size:11px;white-space:nowrap;overflow:hidden}.fake-input span{font-weight:900;font-size:21px;color:#1746b2}.fake-input b{font-size:20px;letter-spacing:normal;margin:auto;font-variant-numeric:tabular-nums}.demo-qr{text-align:center;font-size:70px;color:#100f29;line-height:1.2}.platforms{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:18px}.platforms img{width:32px;height:36px;object-fit:contain}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:9px 0 23px;font-size:10px;color:#68728b}.site-footer>a>img{width:138px}.site-footer .safety{display:flex;align-items:center;gap:6px;max-width:245px;margin:0}.site-footer .safety img{width:20px;height:20px}.site-footer nav{display:flex;gap:15px;flex-wrap:wrap}.site-footer a:hover{color:#4c5efa}.site-footer .credit{margin:0;white-space:nowrap}.credit span{color:#f14699}.transfer-panel{padding:22px 28px;border:1px solid #fff;border-radius:26px;background:#fffffffa;box-shadow:0 15px 50px #575fa124;position:relative}.panel-header{display:flex;justify-content:space-between;align-items:start}.panel-header h2{font-size:25px;margin:0 0 15px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1px;color:#8d5aef;margin:0 0 6px}.live-transfer{margin-top:10px;margin-bottom:30px}.dropzone{border:2px dashed #b5b0eb;background:linear-gradient(130deg,#f3f9ff,#fdf1ff);border-radius:19px;text-align:center;padding:34px 18px;cursor:pointer;outline-offset:4px}.dropzone strong{display:block;font-size:21px}.dropzone p{font-size:13px;color:#777d90}.dropzone img{width:58px;height:58px}.dropzone.dragover{background:#e2faff;border-color:#24baff}.transfer-panel button:not(.icon-button){border:0;border-radius:16px;padding:13px 18px;font-weight:850}.transfer-panel .action-primary{background:var(--accent);color:white}.transfer-panel input[type=text],.transfer-panel input[type=number]{padding:13px;border-radius:12px;border:1px solid #dce0ef;max-width:100%;color:#191f32}.panel-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.share-link{word-break:break-all;background:#f2f4fb;border-radius:12px;padding:10px;font-size:14px;flex:1}.share-code{font-size:27px;letter-spacing:normal;font-weight:900;font-variant-numeric:tabular-nums}.panel-note,.state-line{font-family:system-ui,sans-serif;font-size:13px;color:#636e84;line-height:1.5}.panel-note.warning{color:#ad5361}.real-progress{height:14px;background:#e7ecfa;border-radius:20px;overflow:hidden;margin:15px 0}.real-progress>div{height:100%;width:0;background:var(--accent);transition:width .2s}.file-list{list-style:none;padding:0;font-size:13px}.file-list li{padding:7px 0;border-bottom:1px solid #e9edf3;word-break:break-word}.qr-mount{background:#fff;border-radius:18px;width:174px;height:174px;padding:8px;margin:10px auto;display:grid;place-items:center}.qr-mount canvas,.qr-mount img{max-width:100%;width:100%;height:100%}.receiver-requests{border-top:1px solid #e9edf3;padding-top:12px}.request-line{background:#f8f8ff;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:space-between;margin:8px 0}.request-line button{font-size:12px;padding:8px 10px!important}.simple-main{min-height:75vh}.secondary-hero{text-align:center;padding:36px 0 10px;max-width:700px;margin:auto}.secondary-hero img{height:165px}.secondary-hero h1{font-size:clamp(42px,7vw,75px);margin:8px 0}.secondary-hero>p:last-child{color:#68728d;font-size:18px}.editorial{max-width:780px;margin:15px auto 90px;padding:15px 22px;background:#fff;border:1px solid #eef0fa;border-radius:24px;box-shadow:0 8px 24px #3332;font-family:system-ui,sans-serif;line-height:1.75}.editorial h2{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui;font-size:25px;margin:25px 0 5px}.editorial p{color:#4d5974;margin-bottom:16px}.receive-page{text-align:center;max-width:720px;padding:35px 0}.receive-page .receive-mascot{width:190px;height:185px;max-width:100%;object-fit:contain}.receive-page h1{font-size:50px;margin:7px 0}.receive-page>p{color:#66718a}.receive-page .transfer-panel{text-align:left}.modal{border:0;border-radius:26px;box-shadow:0 25px 85px #0005;padding:28px;max-width:430px;width:calc(100% - 32px);color:#171c30}.modal::backdrop{background:#0c102a98;backdrop-filter:blur(7px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-heading h2{margin:0}.modal-heading button{border:0;background:transparent;font-size:20px;cursor:pointer}.modal p{color:#667188}.modal form{display:grid;gap:11px}.modal input{width:100%;border:1px solid #e2e5f2;border-radius:14px;padding:14px 20px;font-size:20px;letter-spacing:normal;font-variant-numeric:tabular-nums}.modal .gradient-btn{padding:13px;border:0;border-radius:13px;font-weight:900}.donation-box{background:#f7f8ff;padding:24px;border-radius:24px}.amount-options{display:flex;flex-wrap:wrap;gap:8px}.amount-options button{background:white;border:1px solid #e6e2f4;border-radius:12px;padding:12px 19px;color:#13162b;font-weight:900}.amount-options button.selected{background:var(--accent);color:white}.custom-amount{margin-top:19px;display:grid;gap:8px;max-width:300px;color:#485270;font-size:13px}.custom-amount input{border:1px solid #d8dfed;border-radius:12px;padding:12px}#paypal-buttons{max-width:450px;margin:15px 0}#donation-status{margin:12px 0;color:#67718a}.dark .hero-copy h1,.dark .hero-copy p{color:#f6f7ff}.dark .nav a{color:#eff0ff}.dark .nav .nav-current,.dark .soft-btn,.dark .transfer-panel,.dark .demo-card,.dark .workflow-card,.dark .info-cards article,.dark .editorial{background:#1c2233;color:white;border-color:#4a506e}.dark .info-heading p,.dark .features p,.dark .trust-tags,.dark .demo-stats small,.dark .editorial p{color:#c9cce0}.dark .fake-input{color:#161830}.dark .workflow-title h2{color:white}.dark .features h3,.dark #receive-dialog .modal-heading h2{color:white}
@media(max-width:1050px){.site-container{width:calc(100% - 62px)}.topbar{padding:10px 24px}.nav{gap:18px}.nav a{font-size:12px}.hero-copy h1{font-size:clamp(53px,7.5vw,76px)}.hero{min-height:490px}.community-inner{grid-template-columns:28% 40% 32%}.workflow-title{min-width:220px}.workflow-steps img{width:91px;height:91px}.info-cards{gap:10px}.info-cards article{padding:15px 10px}.info-heading>img{width:40px;height:40px}}
@media(max-width:760px){.site-container{width:calc(100% - 36px)}.topbar{min-height:69px;padding:8px 16px;gap:9px}.brand img{width:122px;height:46px}.nav{display:none}.support-button{font-size:0;padding:8px 10px}.support-button img{width:25px}.hero{grid-template-columns:1fr;min-height:unset;padding-top:20px}.hero-copy h1{font-size:clamp(54px,12vw,80px)}.hero-copy p{font-size:16px}.hero-buttons{gap:9px}.btn{min-height:62px;padding:12px 14px}.btn b{font-size:13px}.btn small{font-size:10px}.trust-tags{font-size:10px;gap:9px;margin-top:20px}.hero-art{margin:0 auto -4px;width:min(88vw,510px)}.hero-puff{width:100%}.progress-showcase{margin-top:5px;margin-bottom:35px}.demo-card{padding:20px}.demo-file img{width:52px}.demo-progress{margin:14px 0 0 0}.runner{width:110px;left:64%;top:-35px}.features{grid-template-columns:repeat(2,1fr);padding:10px 0 28px;gap:18px}.features article img{height:80px}.features p{font-size:12px}.workflow{margin-bottom:-10px}.workflow-card{display:block;padding:19px 10px}.workflow-title{padding:4px 11px 13px}.workflow-title h2{font-size:31px}.workflow-steps img{width:60px;height:65px}.step-arrow{font-size:14px}.workflow-steps b{font-size:10px}.community{padding:35px 0}.community-inner{grid-template-columns:1fr 1fr;gap:10px}.community-mascot{grid-row:1;grid-column:1; margin:-10px}.community-copy{grid-row:1;grid-column:2}.community-copy h2{font-size:24px}.community-copy p{font-size:11px}.donate-white{font-size:12px;padding:10px 12px}.community-stats{grid-column:1/-1;max-width:440px;width:100%;margin:10px auto;padding:18px}.info-cards{grid-template-columns:repeat(2,1fr)}.site-footer{justify-content:center;text-align:center;gap:16px}.site-footer .safety{max-width:100%}.site-footer nav{justify-content:center}.live-transfer{margin-top:0}.transfer-panel{padding:16px}.simple-main{min-height:60vh}}
@media(max-width:600px) and (orientation:portrait){
.info-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.info-cards article{min-width:0}
.info-cards .platforms{display:flex;align-items:center;justify-content:space-evenly;gap:4px;min-width:0;max-width:100%;padding-top:14px}
.info-cards .platforms img{width:28px;max-width:28%;height:32px;min-width:0;flex:0 1 28px;object-fit:contain}
.info-cards .platforms img:nth-child(3),.info-cards .platforms img:nth-child(5){display:none}
}
@media(max-width:390px){.site-container{width:calc(100% - 28px)}.hero-copy h1{font-size:53px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-art{width:95vw}.features h3{font-size:15px}.workflow-steps img{width:49px;height:58px}.workflow-steps b{font-size:9px}.community-copy h2{font-size:22px}.info-cards{gap:7px}.info-heading{flex-direction:column;align-items:start}.info-cards article{min-height:190px}.info-heading p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Catch a Puff: show the header mascot at its original full size.
   Keep the smaller illustration in the reception panel clearly visible. */
.transfer-panel .puff-incoming-art{width:64px;height:auto;max-width:64px;object-fit:contain;flex:0 0 64px}
.transfer-panel button.action-primary.received-success,
.transfer-panel button.action-primary.received-success:disabled{
 background:#16a34a; color:#fff; opacity:1; cursor:default;
 box-shadow:0 7px 18px rgba(22,163,74,.23);
 border:1px solid #15803d;
}
.transfer-panel button.action-primary.received-success::before{content:'✓';font-weight:900;margin-right:.35em}

/* End-of-download connection lifecycle: clear visual difference between success and interruption. */
#session-status[data-tone="success"]{color:#15803d;font-weight:750}
#session-status[data-tone="error"]{color:#c73557}
#session-status[data-tone="neutral"]{color:#616b84}
.dark #session-status[data-tone="success"]{color:#4ade80}
.dark #session-status[data-tone="error"]{color:#ff8da4}
.dark #session-status[data-tone="neutral"]{color:#c5c9e0}
.request-line[data-tone="success"]{color:#15803d;background:#edfdf3}
.request-line[data-tone="error"]{color:#b42345;background:#fff0f3}
.dark .request-line[data-tone="success"]{color:#4ade80;background:#183828}
.dark .request-line[data-tone="error"]{color:#ff8da4;background:#492330}