/* Original emoji cinema world, scoped to POP-07 / tt01. */
.ec3-experience[data-card="tt01"]{--accent:#ffce24;--ink:#481180;--paper:#fff8ff;background:#34106d!important;color:#fff!important}
.ec3-experience[data-card="tt01"] #ec3-story{background:radial-gradient(ellipse at 5% 10%,#7336c7,transparent 45%),radial-gradient(ellipse at 95% 60%,#a5289a66,transparent 50%),#34106d!important}
.ec3-experience[data-card="tt01"] #ec3-gate.ecp-gate{--ecp-paper:#34106d;--ecp-ink:#fff5ff;--ecp-accent:#ffce24;--ecp-soft:#ed45b6;background:#34106d!important}
.ec3-experience[data-card="tt01"] #ec3-gate.ecp-gate .ec3-gate-photo{opacity:.58;filter:blur(3px) saturate(1.2)}
.ec3-experience[data-card="tt01"] #ec3-gate.ecp-gate .ec3-gate-shade{background:linear-gradient(#230948aa,#34106dd9)!important}
.ec3-experience[data-card="tt01"] #ec3-gate.ecp-gate h1{color:#fff!important;font:850 clamp(34px,5vw,62px)/1.05 system-ui!important;letter-spacing:-.05em!important}
.ec3-experience[data-card="tt01"] #ec3-gate.ecp-gate #ec10-open-letter{background:#ffce24!important;color:#481180!important;-webkit-text-fill-color:#481180!important;font-weight:850!important;box-shadow:0 10px 35px #ffce2433}
.ec3-experience[data-card="tt01"] .ecp-notification{background:linear-gradient(120deg,#ffec6e,#ffca24)!important;box-shadow:0 18px 65px #f946be66!important;transform:rotate(-5deg)}
.ec3-experience[data-card="tt01"] .ecp-notification strong,.ec3-experience[data-card="tt01"] .ecp-notification small,.ec3-experience[data-card="tt01"] .ecp-notification i{color:#481180!important}
.ec3-experience[data-card="tt01"] .ec16-pop-hero{background:radial-gradient(ellipse at 10% 20%,#8b35d2,transparent 55%),#41127e!important;color:#fff!important;padding-block:70px!important}
.ec3-experience[data-card="tt01"] .ec16-pop-copy h2{color:#fff!important;font-weight:900!important;letter-spacing:-.055em!important}
.ec3-experience[data-card="tt01"] .ec16-pop-copy p,.ec3-experience[data-card="tt01"] .ec16-pop-copy small{color:#f2dbff!important}
.ec3-experience[data-card="tt01"] .ec16-pop-tag{background:#ffce24!important;color:#481180!important;border-color:#ffce24!important}
.ec3-experience[data-card="tt01"] .ec16-pop-for,.ec3-experience[data-card="tt01"] .ec16-pop-scroll{color:#ffe56a!important}
.ec3-experience[data-card="tt01"] .ec16-pop-art>img{border-radius:35px!important;box-shadow:0 0 0 2px #c47eff,0 25px 90px #e73faf55!important;transform:rotate(3deg)}
.ec3-experience[data-card="tt01"] .ec16-pop-sticker{background:#ffce24!important;color:#481180!important;border:4px solid #fff3}
.ec3-experience[data-card="tt01"] .ec16-pop-reel{background:#21104b!important;color:#fff!important}
.ec3-experience[data-card="tt01"] .ec16-pop-play{border:1px solid #9862ce!important;background:linear-gradient(120deg,#5e1baf,#7a1e9c)!important;border-radius:28px!important;color:#fff!important;margin:30px auto!important;width:min(1100px,calc(100% - 36px))}
.ec3-experience[data-card="tt01"] .ec16-pop-play h2,.ec3-experience[data-card="tt01"] .ec16-pop-play span{color:#fff!important}
.ec3-experience[data-card="tt01"] .ec16-pop-trigger{background:#ffce24!important;color:#481180!important;border:0!important}
.ec3-experience[data-card="tt01"] .ec3-letter-section{background:transparent!important}
.ec3-experience[data-card="tt01"] .ec3-paper{background:#fff8ff!important;border:2px solid #e2b6ff!important;border-radius:34px 34px 34px 6px!important;color:#481180!important;box-shadow:0 22px 80px #13002f44}
.ec3-experience[data-card="tt01"] .ec3-paper:before{content:'💬 MENSAJE DESTACADO';display:inline-block;background:#eaddff;color:#64179e;font:800 10px system-ui;letter-spacing:.08em;padding:8px 11px;border-radius:30px;margin-bottom:18px}
.ec3-experience[data-card="tt01"] .ec3-paper h2,.ec3-experience[data-card="tt01"] .ec3-paper p,.ec3-experience[data-card="tt01"] .ec3-paper .ec3-eyebrow,.ec3-experience[data-card="tt01"] .ec3-signature strong,.ec3-experience[data-card="tt01"] .ec3-signature small{color:#481180!important}
.ec3-experience[data-card="tt01"] .ec3-photo-note>p{color:#f2d8ff!important}
.ec3-experience[data-card="tt01"] .ec3-polaroid{transform:rotate(-4deg);border:2px solid #ffc9f0;border-radius:25px!important}
.ec3-experience[data-card="tt01"] .ec3-song-section{background:#ffce24!important;color:#481180!important;border:0;border-radius:30px;width:min(1000px,calc(100% - 36px));margin:0 auto 40px;padding:35px!important}
.ec3-experience[data-card="tt01"] .ec3-song-section h2,.ec3-experience[data-card="tt01"] .ec3-song-section p,.ec3-experience[data-card="tt01"] .ec3-song-section .ec3-eyebrow,.ec3-experience[data-card="tt01"] .ec3-audio-status{color:#481180!important}
.ec3-experience[data-card="tt01"] .ec3-music-main{background:#6413b1!important;color:#fff!important;border:0!important;padding:13px 20px;border-radius:30px}
.ec3-experience[data-card="tt01"] .ec3-finale{background:linear-gradient(#34106d,#5614a0)!important;color:#fff!important}
.ec3-experience[data-card="tt01"] .ec3-finale>h2{font:850 clamp(34px,5vw,60px)/1.07 system-ui!important;letter-spacing:-.045em!important;color:#fff!important}
.ec3-experience[data-card="tt01"] .ec3-finale>.ec3-eyebrow,.ec3-experience[data-card="tt01"] .ec3-finale>.ec3-reaction-note,.ec3-experience[data-card="tt01"] .ec3-final-brand strong,.ec3-experience[data-card="tt01"] .ec3-final-brand small,.ec3-experience[data-card="tt01"] .ec3-final-brand p,.ec3-experience[data-card="tt01"] .ec3-demo-disclaimer,.ec3-experience[data-card="tt01"] .ec3-powered{color:#f4e4ff!important}
.ec3-experience[data-card="tt01"] .ec3-reaction{background:#ffce24!important;color:#481180!important;border:0!important}
.ec3-experience[data-card="tt01"] #ecr-reply{border:2px solid #30deeb;background:linear-gradient(140deg,#fff7fe,#ecfaff)}
.ec3-experience[data-card="tt01"] #ecr-reply .ecr-send{background:#ffce24!important;color:#481180!important}
.ec3-experience[data-card="tt01"] .ec4-keepsake{background:#fff8ff!important;border:1px solid #e4b9ff}
.em-intro[hidden]{display:none!important}.em-intro{position:fixed;inset:0;z-index:100000;overflow:auto;overscroll-behavior:contain;background:#260952;color:#fff;font-family:system-ui}.em-intro-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 35%,#b931df66,transparent 50%),radial-gradient(ellipse at 90% 70%,#23dae533,transparent 45%)}
.em-intro-layout{position:relative;min-height:100svh;max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr min(44vw,390px);grid-template-rows:1fr auto auto;align-items:center;gap:15px 50px;padding:28px 36px}.em-intro header{grid-row:1/3}.em-intro header>span{font:800 11px system-ui;letter-spacing:.12em;color:#ffce24}.em-intro h2{font:900 clamp(40px,5.8vw,74px)/1.03 system-ui!important;letter-spacing:-.055em;margin:20px 0;color:#fff!important}.em-intro h2 em{font-style:normal;color:#ffce24}.em-intro header p{font:15px/1.7 system-ui;color:#edd5ff;max-width:400px}.em-reaction-line{font-size:36px;letter-spacing:6px;margin-top:22px}.em-screen{position:relative;grid-column:2;aspect-ratio:9/16;max-height:calc(100svh - 135px);border-radius:30px;overflow:hidden;box-shadow:0 0 0 2px #b77aff77,0 20px 90px #de3caf33}.em-screen video{display:block;width:100%;height:100%;object-fit:cover}.em-intro-actions{grid-column:2;display:flex;gap:8px;justify-content:center}.em-intro-actions button{background:#ffffff12;border:1px solid #ffffff40;border-radius:14px;color:#fff;padding:12px 15px;font:750 12px system-ui;min-height:44px;cursor:pointer}.em-intro-actions #em-video-skip{background:#ffce24!important;color:#481180!important}.em-video-status{grid-column:2;text-align:center;color:#e1c7f5;font:12px/1.6 system-ui;margin:0}.em-replay{display:block;margin:24px auto;border:0;border-radius:30px;padding:14px 24px;background:#ffce24;color:#481180;font:800 13px system-ui;cursor:pointer}
.em-reaction-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:99990;contain:strict}.em-flying-reaction{position:absolute;left:var(--x);bottom:-70px;font-style:normal;font-size:var(--size);animation:em-rise var(--duration) ease-in both;animation-delay:var(--delay);filter:drop-shadow(0 4px 5px #19004444)}@keyframes em-rise{0%{transform:translate3d(0,0,0) rotate(-12deg);opacity:0}10%{opacity:.85}65%{transform:translate3d(var(--drift),-65vh,0) rotate(18deg);opacity:.85}100%{transform:translate3d(0,calc(-100vh - 120px),0) rotate(-10deg);opacity:0}}@keyframes em-arrive{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.em-intro-layout{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px 16px;min-height:100svh}.em-intro header{text-align:center}.em-intro header>span{font-size:9px}.em-intro h2{font-size:29px!important;margin:7px 0!important}.em-intro header p,.em-reaction-line{display:none}.em-screen{width:min(100%,calc((100svh - 190px)*9/16));max-height:none;flex:none;border-radius:22px}.em-video-status{font-size:11px}.ec3-experience[data-card="tt01"] .ec16-pop-hero{padding-block:40px!important}.ec3-experience[data-card="tt01"] .ec16-pop-art>img{border-radius:25px!important}.ec3-experience[data-card="tt01"] .ec3-song-section{padding:26px 20px!important}}
@media(prefers-reduced-motion:reduce){.em-reaction-layer{display:none!important}.em-intro.is-finishing,.em-intro.is-finishing .em-screen:after,.em-paper-emerging{animation:none!important}}

/* The envelope in the final video frame opens directly into the letter. */
.ec3-experience[data-card="tt01"] #ec3-story .ec16-pop-hero{display:none!important}
.ec3-experience[data-card="tt01"] .ec3-letter-section{padding-top:36px!important}
.ec3-experience[data-card="tt01"] .ec3-letter-layout{display:flex!important;flex-direction:column;align-items:stretch;max-width:850px;margin-inline:auto;gap:36px}
.ec3-experience[data-card="tt01"] .ec3-paper{order:0;width:100%;box-sizing:border-box}
.ec3-experience[data-card="tt01"] .ec3-photo-note{order:1;max-width:390px;align-self:center}
.em-intro.is-finishing{pointer-events:none;animation:em-envelope-away .7s ease both}
.em-intro.is-finishing .em-screen:after{content:'';position:absolute;left:20%;top:44%;width:60%;height:49%;border-radius:12px;background:linear-gradient(#fff8ff,#f2deff);box-shadow:0 0 35px #ffcfff66;transform-origin:50% 85%;animation:em-envelope-paper .65s cubic-bezier(.16,1,.3,1) both}
.em-intro.is-finishing header,.em-intro.is-finishing .em-intro-actions,.em-intro.is-finishing .em-video-status{opacity:0;transition:opacity .2s}
.ec3-experience[data-card="tt01"] .em-paper-emerging{animation:em-paper-reveal 1s .25s cubic-bezier(.16,1,.3,1) both}
@keyframes em-envelope-paper{0%{opacity:0;transform:translateY(35%) scale(.3,.1)}25%{opacity:1}100%{opacity:1;transform:translateY(-35%) scale(1.6)}}
@keyframes em-envelope-away{0%,45%{opacity:1}100%{opacity:0}}
@keyframes em-paper-reveal{from{opacity:0;transform:translateY(65px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.em-intro.is-finishing,.em-intro.is-finishing .em-screen:after,.ec3-experience[data-card="tt01"] .em-paper-emerging{animation:none!important}}
