.journey-popup{border:1px solid #373137;padding:36px;border-radius:22px;width:min(880px,calc(100vw - 28px));max-height:90dvh;overflow:auto;background:#faf8f7;color:#19171a;box-shadow:0 30px 100px #0006}.journey-popup::backdrop{background:#101016bf;backdrop-filter:blur(7px)}.journey-close{position:absolute;right:14px;top:12px;background:#eee9e8;color:#222;border:0;border-radius:50%;width:40px;height:40px;font-size:28px;cursor:pointer}.journey-popup h2{font-size:clamp(26px,4vw,44px);line-height:1.02;letter-spacing:-1.5px;margin:16px 30px 12px 0}.journey-popup h2 em{color:#ca375f;font-style:normal}.journey-popup p{font-size:16px;line-height:1.6}.journey-popup .button{background:#cf355e;color:white;border:0}.journey-popup .text-link{display:block;margin-top:18px;color:#4b4549;background:none;border:0;cursor:pointer;text-align:left}.journey-popup small{display:block;color:#716a70;margin-top:14px}.journey-support-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.carol-please{position:relative;align-self:end;animation:please-float 3s ease-in-out infinite}.carol-please img{width:100%;max-height:440px;object-fit:contain}.please-heart{position:absolute;right:5%;top:15%;font-size:60px;color:#d83b76;animation:please-heart 1.5s ease-in-out infinite}.pix-popup-label{display:block;font-size:13px;font-weight:700}.pix-popup-label input{width:100%;margin:8px 0 14px;background:#fff;border:1px solid #ddd3d6;padding:14px;border-radius:8px;color:#222;font-size:15px}.journey-code{font-size:12px;word-break:break-word;background:#ece6e9;padding:12px;border-radius:8px}.journey-status{font-size:13px!important;color:#7a2342}.cards-popup{max-width:490px}.journey-art-link{display:block;color:inherit;text-decoration:none;text-align:center}.journey-art-link img{display:block;max-height:43dvh;max-width:100%;width:auto;margin:20px auto 10px;object-fit:contain}.journey-art-link strong{display:block;font-size:14px}.journey-carousel-controls{display:flex;gap:12px;justify-content:center;margin:16px 0}.journey-carousel-controls button{background:#eee7ea;color:#222;border:0;border-radius:8px;padding:10px;cursor:pointer}.cards-popup>.journey-content>.button{display:block;text-align:center}.site-tools-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.studio-live-toast{position:fixed;bottom:22px;right:22px;background:white;color:#222;border:1px solid #dedade;box-shadow:0 10px 40px #0002;border-radius:12px;padding:16px 40px 16px 18px;max-width:350px;z-index:9999;font-size:14px}.studio-live-toast button{position:absolute;right:10px;top:8px;border:0;background:none;color:#777;cursor:pointer}
@keyframes please-float{50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes please-heart{50%{transform:scale(1.14)}}
@media(max-width:600px){.journey-popup{padding:24px 20px}.journey-support-layout{grid-template-columns:110px 1fr;gap:12px}.carol-please img{max-height:230px}.journey-popup h2{font-size:28px}.journey-popup p{font-size:14px}.journey-support-layout .button{font-size:13px;padding:13px}.please-heart{font-size:35px;right:0}.pix-popup-label input{font-size:12px;padding:10px}.journey-popup .text-link{font-size:13px}.studio-live-toast{left:15px;right:15px;bottom:15px;max-width:none}}
@media(prefers-reduced-motion:reduce){.carol-please,.please-heart{animation:none}}
.nav-support{border:1px solid #ecafc4;background:transparent;color:inherit;padding:8px 12px;border-radius:20px;font:inherit;font-size:12px;cursor:pointer}.studio-app input:focus,.studio-app textarea:focus,.studio-app select:focus{outline:2px solid #d0a8e7;outline-offset:2px}
.journey-popup [hidden]{display:none!important}

/* Display previews are decoded before image and caption change together. */
.cards-popup{width:min(410px,calc(100vw - 24px));max-width:410px;padding:25px 26px 20px;max-height:calc(100dvh - 24px);scrollbar-width:thin;overscroll-behavior:contain}
.cards-popup h2{font-family:var(--sans);font-size:30px;font-weight:800;line-height:1.02;letter-spacing:-1px;margin:12px 24px 9px 0}
.cards-popup .journey-content>p{font-size:13px;line-height:1.5;color:#4b4549}
.cards-popup .journey-close{width:36px;height:36px;top:10px;right:10px;font-size:25px}
.journey-art-stage{display:flex;align-items:center;justify-content:center;height:clamp(160px,37dvh,350px);margin:16px 0 10px;overflow:hidden}
.journey-art-stage #journey-card-image{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:4/5;margin:0}
.cards-popup .journey-art-link{min-width:0;color:#19171a}
.cards-popup .journey-art-link strong{font-size:12px;line-height:1.45;min-height:2.9em;display:flex;align-items:center;justify-content:center}
.cards-popup .journey-carousel-controls{margin:4px 0 12px;gap:15px;align-items:center}
.cards-popup .journey-carousel-controls button{width:44px;height:44px;padding:0;font-size:20px}
.cards-popup .journey-carousel-controls span{color:#595157;min-width:45px;font-size:11px;font-variant-numeric:tabular-nums}
.cards-popup .journey-content>.button{min-height:44px;font-size:12px;padding:12px 16px;border-radius:7px;background:#bd254e;color:#fff}
.cards-popup .text-link{min-height:40px;margin-top:6px;padding:8px 0;font-size:12px;white-space:normal}
@media(max-width:600px){.cards-popup{padding:22px 20px 14px}.cards-popup h2{font-size:27px}.journey-art-stage{height:clamp(140px,35dvh,320px);margin-top:12px}.cards-popup .journey-content>p{font-size:12px}}
@media(max-height:600px) and (min-width:601px){.cards-popup{padding:16px 24px 10px}.cards-popup h2{font-size:24px;margin-top:5px}.journey-art-stage{height:30dvh;margin:8px 0}.cards-popup .journey-art-link strong{min-height:1.5em}.cards-popup .journey-carousel-controls{margin:4px 0 8px}}
