.film{position:relative;width:min(100vw,560px);height:calc(100svh - var(--app-header-h) - env(safe-area-inset-top,0px) - var(--app-bottom-nav-h) - env(safe-area-inset-bottom,0px));min-height:420px;margin-left:calc(50% - min(50vw,280px));overflow:hidden;background:#07040f}.film-video{display:block;width:100%;height:100%;object-fit:cover}.film-cta-wrap{position:absolute;right:0;bottom:calc(var(--app-bottom-nav-raise, 18px) + 22px);left:0;display:flex;justify-content:center;padding:0 24px}.film-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:min(100%,320px);min-height:56px;padding:0 22px;border:1px solid rgba(255,226,170,.75);border-radius:999px;background:linear-gradient(100deg,#6d3fd8,#b14fd0 52%,#e0508a);color:#fff;font-size:17px;font-weight:800;letter-spacing:-.01em;cursor:pointer;box-shadow:0 0 0 4px #ffd69629,0 10px 28px #e0508a73,0 0 36px #b14fd08c;animation:film-glow 2.4s ease-in-out infinite}.film-cta-heart{color:#ffe1ec;fill:#ffe1ec}.film-cta-spark{color:#ffe2aa}.film-cta:focus-visible{outline:3px solid #ffe2aa;outline-offset:4px}.film-cta:active{transform:scale(.97)}@keyframes film-glow{50%{box-shadow:0 0 0 6px #ffd69638,0 10px 32px #e0508a99,0 0 52px #b14fd0bf}}@media(prefers-reduced-motion:reduce){.film-cta{animation:none}}.film-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:72px;height:72px;padding:0 0 0 4px;border:1px solid rgba(255,226,170,.6);border-radius:50%;background:#1008228c;color:#fff;cursor:pointer;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.film-sound{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,226,170,.5);border-radius:50%;background:#10082280;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.film-sound:focus-visible,.film-play:focus-visible{outline:3px solid #ffe2aa;outline-offset:4px}.film.is-love .film-cta{overflow:hidden;isolation:isolate;border-color:#ffeef6f2;background:linear-gradient(105deg,#ff9ac4,#f25c9e 42%,#c654c9 78%,#9a5ae0);text-shadow:0 1px 2px rgba(122,18,74,.35);box-shadow:0 0 0 4px #ffbedc38,0 12px 30px #f25c9e80,0 0 44px #ff8cbe8c;animation:film-glow-love 2.4s ease-in-out infinite}.film.is-love .film-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translate(-120%);animation:film-shine 3.2s ease-in-out infinite}.film.is-love .film-cta-spark{color:#fff3c4}.film.is-love .film-cta:focus-visible{outline-color:#ffd6e8}.film-cta-beat{color:#fff;fill:#fff;animation:film-beat 1.3s ease-in-out infinite}@keyframes film-glow-love{50%{box-shadow:0 0 0 7px #ffbedc47,0 12px 34px #f25c9e9e,0 0 60px #ff8cbebf}}@keyframes film-shine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes film-beat{0%,30%,to{transform:scale(1)}15%{transform:scale(1.22)}45%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.film.is-love .film-cta,.film.is-love .film-cta:after,.film-cta-beat{animation:none}}.film.is-reunion .film-cta{border-color:#eee5ff;background:linear-gradient(105deg,#504480,#7854b1 52%,#bd6ca9);box-shadow:0 0 0 4px #ccb5ff33,0 12px 30px #4c37867a,0 0 42px #ae82e77a;animation:film-glow-reunion 2.8s ease-in-out infinite}.film.is-reunion .film-cta-spark{color:#f9e6ff}.film.is-reunion .film-cta:focus-visible{outline-color:#eee5ff}@keyframes film-glow-reunion{50%{box-shadow:0 0 0 6px #ccb5ff40,0 12px 32px #4c37868f,0 0 54px #ae82e79e}}@media(prefers-reduced-motion:reduce){.film.is-reunion .film-cta{animation:none}}.film.is-study .film-cta{border-color:#f7e8bb;background:linear-gradient(105deg,#303c80,#665ab5 56%,#9b78c2);box-shadow:0 0 0 4px #fae2ab2e,0 12px 30px #272a6b7a,0 0 42px #c2a6f77a;animation:film-glow-study 2.8s ease-in-out infinite}.film.is-study .film-cta-spark{color:#ffedba}.film.is-study .film-cta:focus-visible{outline-color:#ffedba}@keyframes film-glow-study{50%{box-shadow:0 0 0 6px #fae2ab3d,0 12px 32px #272a6b91,0 0 54px #c2a6f79c}}@media(prefers-reduced-motion:reduce){.film.is-study .film-cta{animation:none}}.film.is-marriage .film-cta{border-color:#fff2d9;background:linear-gradient(105deg,#9b4779,#bf5f91 52%,#d47886);box-shadow:0 0 0 4px #ffdcde33,0 12px 30px #77345e7a,0 0 42px #ed9fb87a;animation:film-glow-marriage 2.8s ease-in-out infinite}.film.is-marriage .film-cta-spark{color:#fff1c8}.film.is-marriage .film-cta:focus-visible{outline-color:#fff1c8}@keyframes film-glow-marriage{50%{box-shadow:0 0 0 6px #ffdcde40,0 12px 32px #77345e8f,0 0 54px #ed9fb89e}}@media(prefers-reduced-motion:reduce){.film.is-marriage .film-cta{animation:none}}.film.is-career .film-cta{border-color:#e0eeff;background:linear-gradient(105deg,#264470,#346994 54%,#4b86a4);box-shadow:0 0 0 4px #b8dcff33,0 12px 30px #15375f7a,0 0 42px #62b3df7a;animation:film-glow-career 2.8s ease-in-out infinite}.film.is-career .film-cta-spark{color:#ffebba}.film.is-career .film-cta:focus-visible{outline-color:#ffebba}@keyframes film-glow-career{50%{box-shadow:0 0 0 6px #b8dcff42,0 12px 32px #15375f91,0 0 54px #62b3dfa1}}@media(prefers-reduced-motion:reduce){.film.is-career .film-cta{animation:none}}.film.is-wealth .film-cta{border-color:#ffe6a8;background:linear-gradient(105deg,#5c3a21,#74471c 54%,#8f6428);box-shadow:0 0 0 4px #ffdf9633,0 12px 30px #4b2c1180,0 0 42px #d6a23f7a;animation:film-glow-wealth 2.8s ease-in-out infinite}.film.is-wealth .film-cta-spark{color:#ffedb7}.film.is-wealth .film-cta:focus-visible{outline-color:#ffedb7}@keyframes film-glow-wealth{50%{box-shadow:0 0 0 6px #ffdf9642,0 12px 32px #4b2c1199,0 0 54px #d6a23fa3}}@media(prefers-reduced-motion:reduce){.film.is-wealth .film-cta{animation:none}}.film.is-exam .film-cta{border-color:#e9ddff;background:linear-gradient(105deg,#404576,#635795 55%,#8968a3);box-shadow:0 0 0 4px #dcc8ff33,0 12px 30px #312c6a80,0 0 42px #ab89df80;animation:film-glow-exam 2.8s ease-in-out infinite}.film.is-exam .film-cta-spark{color:#ffe9ae}.film.is-exam .film-cta:focus-visible{outline-color:#ffe9ae}@keyframes film-glow-exam{50%{box-shadow:0 0 0 6px #dcc8ff42,0 12px 32px #312c6a99,0 0 54px #ab89dfa3}}@media(prefers-reduced-motion:reduce){.film.is-exam .film-cta{animation:none}}.film.is-newyear .film-cta{border-color:#ffe4d6;background:linear-gradient(105deg,#51325c,#83577d 55%,#ad6f82);box-shadow:0 0 0 4px #ffdfd433,0 12px 30px #49254885,0 0 42px #f0a4b37a;animation:film-glow-newyear 2.8s ease-in-out infinite}.film.is-newyear .film-cta-spark{color:#ffe6ae}.film.is-newyear .film-cta:focus-visible{outline-color:#ffe6ae}@keyframes film-glow-newyear{50%{box-shadow:0 0 0 6px #ffdfd442,0 12px 32px #49254899,0 0 54px #f0a4b3a3}}@media(prefers-reduced-motion:reduce){.film.is-newyear .film-cta{animation:none}}.film.is-compatibility .film-cta{border-color:#f6dcff;background:linear-gradient(105deg,#50335f,#705184 54%,#9d6e9e);box-shadow:0 0 0 4px #edd0ff33,0 12px 30px #30224d85,0 0 42px #cda4eb7a;animation:film-glow-compatibility 2.8s ease-in-out infinite}.film.is-compatibility .film-cta-spark{color:#ffe7b5}.film.is-compatibility .film-cta:focus-visible{outline-color:#ffe7b5}@keyframes film-glow-compatibility{50%{box-shadow:0 0 0 6px #edd0ff42,0 12px 32px #30224d99,0 0 54px #cda4eb9e}}@media(prefers-reduced-motion:reduce){.film.is-compatibility .film-cta{animation:none}}