.cinema-film{margin-top:25px;border:1px solid #cee2e1;border-radius:26px;overflow:hidden;background:#eaf4f4;box-shadow:0 18px 50px #244c5b0a}.film-screen{position:relative;min-height:560px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 15% 20%,#d5eeea,transparent 70%),#edf5f7}.film-scene{opacity:0;visibility:hidden;transition:opacity .45s,transform .45s;pointer-events:none}.film-store{position:absolute;inset:0;transform:scale(1.025)}.film-store>img{width:100%;height:100%;object-fit:cover;object-position:60% center;animation:film-camera 4s ease both}.cinema-film[data-scene="0"] .film-store{opacity:1;visibility:visible;transform:none}.film-target{position:absolute;left:58%;top:20%;width:26%;height:29%;border:2px solid #f8fffe;border-radius:15px;box-shadow:0 0 0 8px #ffffff18}.film-target span{display:block;width:100%;height:2px;background:#80dfd5;box-shadow:0 0 13px #7cfff3;animation:film-scan 2s ease-in-out infinite alternate}.film-stock-card{position:absolute;left:5%;top:19%;max-width:340px;padding:25px;border-radius:20px;background:#f7fcf5ed;border:1px solid white;box-shadow:0 16px 45px #25514e23}.film-stock-card>span{font-size:11px;color:#418d8f}.film-stock-card>strong{display:block;font-size:28px;color:#225664;margin:10px 0}.film-stock-card>p{font-size:13px;margin:0;color:#89703d}.film-data-route{display:flex;gap:10px;align-items:center;margin-top:20px}.film-data-route i{width:8px;height:8px;border-radius:3px;background:#1596a2;animation:film-packet 1.6s ease-in-out infinite}.film-data-route i:nth-child(2){animation-delay:.2s}.film-data-route i:nth-child(3){animation-delay:.4s}.film-data-route b{margin-left:auto;color:#147786;font-size:17px}.film-demo-label{position:absolute;top:16px;left:20px;z-index:4;padding:5px 10px;border:1px solid #ffffff91;border-radius:100px;background:#fbfffcde;color:#618278;font-size:9px}
.film-app{position:absolute;inset:47px 32px 137px;display:grid;grid-template-columns:155px 1fr;border-radius:21px;border:1px solid #d6e5e9;background:#f9fcfd;box-shadow:0 22px 50px #1b4d6120;overflow:hidden;opacity:1;transform:none;transition:opacity .45s,transform .65s}.cinema-film[data-scene="0"] .film-app{opacity:0;transform:translateY(30px) scale(.95);pointer-events:none;visibility:hidden}.film-app-sidebar{padding:24px 15px;background:#f2f8f9;border-right:1px solid #e0eaee}.film-app-sidebar>img{width:111px;height:auto}.film-branch{margin:20px 0 16px;padding:13px;border:1px solid #deeaed;background:white;border-radius:12px}.film-branch span{display:block;font-size:10px;color:#67808b}.film-branch strong{display:block;font-size:14px;color:#28505f;margin-top:4px}.film-menu-item{font-size:11px;color:#647f8c;padding:10px;border-radius:8px}.cinema-film[data-scene="1"] .film-menu-stock,.cinema-film[data-scene="2"] .film-menu-ads,.cinema-film[data-scene="3"] .film-menu-live{background:#dceef1;color:#128898;font-weight:700}.film-app-main{position:relative;padding:18px 23px;min-width:0}.film-app-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.film-app-header>strong{font-size:15px;color:#244452}.film-connected{display:flex;align-items:center;gap:6px;font-size:9px;color:#589381}.film-connected i{width:6px;height:6px;border-radius:50%;background:#39ae8b}.film-now{height:64px;border-radius:13px;background:linear-gradient(105deg,#194959,#417c84);display:flex;align-items:center;gap:12px;padding:10px 15px;color:white}.film-now-art{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#ffffff22;font-size:24px}.film-now>div>span{font-size:9px;color:#b9d7dd;display:block}.film-now>div>strong{font-size:14px;display:block;margin-top:3px}.film-mini-wave{display:flex;align-items:center;gap:3px;height:30px;margin-left:auto}.film-mini-wave i{height:var(--h);width:3px;border-radius:3px;background:#92d8de}.film-app-scene{position:absolute;inset:137px 23px 13px;transform:translateX(12px)}.cinema-film[data-scene="1"] .film-analysis,.cinema-film[data-scene="2"] .film-compose,.cinema-film[data-scene="3"] .film-air{opacity:1;visibility:visible;transform:none}.film-section-label{font-size:9px;letter-spacing:.06em;color:#438994}.film-app-scene h3{font-size:19px!important;line-height:1.2!important;margin:7px 0 14px!important;color:#244f5f}.film-product-row{display:flex;align-items:center;gap:15px;border:1px solid #cce0df;background:#eaf5f2;border-radius:12px;padding:11px}.film-product-row>img{width:53px;height:53px;object-fit:cover;border-radius:9px}.film-product-row strong{font-size:14px;display:block;color:#245460}.film-product-row span{font-size:11px;display:block;margin-top:4px;color:#a5803f}.film-product-row b{margin-left:auto;color:#219b87;font-size:21px}.film-transfer{display:flex;align-items:center;gap:12px;margin-top:18px;color:#5b7d87;font-size:11px}.film-transfer>div{height:1px;flex:1;background:#add3d4;position:relative;overflow:visible}.film-transfer i{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#1c9aaa;animation:film-transfer 1.4s ease-in-out infinite}.film-transfer strong{color:#237482}.film-script{background:#f2f7f7;border:1px solid #dfe9e9;border-radius:11px;padding:10px 14px}.film-script>span{font-size:8px;letter-spacing:.08em;color:#69939b}.film-script p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#426776}.film-audio-wave{height:26px;display:flex;gap:4px;align-items:center;margin:8px 0}.film-audio-wave i{width:4px;height:var(--h);border-radius:3px;background:#2199a7;animation:film-wave 1s ease-in-out var(--d) infinite alternate}.film-ready{display:flex;justify-content:space-between;color:#3f9985;font-size:10px}.film-queue-row{display:flex;align-items:center;gap:10px;padding:8px 11px;margin-bottom:6px;border-radius:10px;background:#f0f5f6;color:#66828c;font-size:11px;min-height:31px}.film-queue-row>span{color:#238e9e}.film-queue-row>b{margin-left:auto;font-size:9px;font-weight:400}.film-ad-row{background:#e5f4ed;border:1px solid #addbc9;color:#327963}.cinema-film[data-scene="3"] .film-ad-row{animation:film-remove 4s ease both}.film-stock-ended{color:#3c9a78;font-size:11px;margin-top:9px;display:flex;gap:8px;opacity:0}.cinema-film[data-scene="3"] .film-stock-ended{animation:film-ended 4s ease both}
.film-captions{position:absolute;left:32px;right:32px;bottom:20px;min-height:99px;border-radius:16px;background:#f8fcfbed;border:1px solid #ffffffcf;box-shadow:0 10px 30px #20495708;z-index:3}.film-caption{position:absolute;inset:0;padding:16px 24px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s,transform .35s}.film-caption>span{float:right;color:#5a9caa;font-size:11px;margin-top:5px;letter-spacing:.1em}.film-caption h3{font-size:24px!important;margin:0 0 7px!important;color:#204f60;line-height:1.2!important}.film-caption p{font-size:13px!important;margin:0!important;line-height:1.5!important;color:#63808a}.cinema-film[data-scene="0"] [data-film-caption="0"],.cinema-film[data-scene="1"] [data-film-caption="1"],.cinema-film[data-scene="2"] [data-film-caption="2"],.cinema-film[data-scene="3"] [data-film-caption="3"]{opacity:1;visibility:visible;transform:none}.film-bottom{display:flex;align-items:center;gap:18px;padding:14px 23px;background:#f9fcfa}.sw-film-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;flex:1}.sw-film-step{position:relative;text-align:left;padding:6px 0 12px;display:flex;gap:8px;align-items:center;border:0;border-bottom:2px solid #dcebea;background:transparent;color:#7a939a;cursor:pointer;overflow:hidden;min-width:0}.sw-film-step span{font-size:10px;flex-shrink:0}.sw-film-step strong{font-size:11px;font-weight:500}.sw-film-step[aria-pressed=true]{color:#147f91}.sw-film-step i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#188b9c;transform:scaleX(0);transform-origin:left}.sw-film-step[aria-pressed=true] i{animation:film-progress 4s linear both}.sw-film-pause{width:33px;height:33px;border:1px solid #bdd9dc;border-radius:50%;background:white;color:#398795;cursor:pointer;flex-shrink:0}.sw-film-step:focus-visible,.sw-film-pause:focus-visible{outline:2px solid #147d8c;outline-offset:3px}.sw-film.is-paused *{animation-play-state:paused!important}
@keyframes film-camera{from{transform:scale(1)}to{transform:scale(1.17)}}@keyframes film-scan{to{transform:translateY(130px)}}@keyframes film-packet{50%{opacity:.3;transform:translateX(8px)}}@keyframes film-transfer{from{left:0}to{left:100%}}@keyframes film-wave{to{transform:scaleY(.25)}}@keyframes film-progress{to{transform:scaleX(1)}}@keyframes film-remove{0%,65%{opacity:1;transform:none;max-height:42px}85%,100%{opacity:0;transform:translateX(30px);max-height:0;padding:0;margin:0;min-height:0;border-width:0}}@keyframes film-ended{0%,70%{opacity:0;transform:translateY(5px)}85%,100%{opacity:1;transform:none}}
@media(max-width:800px){.film-screen{min-height:570px}.film-app{inset:47px 18px 151px;grid-template-columns:110px 1fr}.film-app-sidebar{padding:20px 10px}.film-app-sidebar>img{width:88px}.film-menu-item{font-size:9px;padding:10px 6px}.film-app-main{padding:16px}.film-app-scene{left:16px;right:16px}.film-captions{left:18px;right:18px;min-height:115px}.film-caption{padding:18px}.film-caption h3{font-size:22px!important}.sw-film-step strong{font-size:10px}.film-connected{display:none}.film-bottom{padding:12px 18px;gap:12px}.sw-film-steps{gap:10px}}
@media(max-width:550px){.film-screen{min-height:565px}.film-app{grid-template-columns:1fr;inset:45px 10px 161px}.film-app-sidebar{display:none}.film-app-header>strong{font-size:13px}.film-app-main{padding:14px}.film-app-scene{inset:126px 14px 10px}.film-app-scene h3{font-size:17px!important;margin:7px 0 11px!important}.film-now{height:59px}.film-product-row{gap:10px;padding:9px}.film-product-row strong{font-size:12px}.film-product-row span{font-size:10px}.film-transfer{gap:8px;font-size:9px}.film-script p{font-size:11px}.film-captions{left:10px;right:10px;bottom:14px;min-height:134px}.film-caption{padding:17px 15px}.film-caption>span{font-size:9px}.film-caption h3{font-size:21px!important;padding-right:37px}.film-caption p{font-size:12px!important}.film-stock-card{left:7%;right:7%;top:19%;padding:21px}.film-stock-card>strong{font-size:25px}.film-target{top:10%;left:51%;height:24%;width:40%}.film-bottom{padding:12px;gap:9px}.sw-film-steps{gap:8px}.sw-film-step{padding:3px 0 11px;justify-content:center}.sw-film-step strong{display:none}.sw-film-step span{font-size:12px}.film-queue-row{font-size:10px}.film-stock-ended{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sw-film *{animation:none!important;transition:none!important}.film-stock-ended{opacity:1}}
/* The story returns to the same cafe before revisiting the Player. */
.film-cafe{position:absolute;inset:0;overflow:hidden}.cafe-photo{position:absolute;inset:0;background-image:url('stock-cafe-before-after.png');background-size:100% 200%;background-position:center top;animation:film-camera 4s ease both}.cafe-photo-empty{background-position:center bottom}.cinema-film[data-scene="2"] .film-stockout{opacity:1;visibility:visible}.cinema-film[data-scene="2"] .film-app{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(30px) scale(.95)}.cinema-film[data-scene="1"] .film-menu-stock{background:none;color:#647f8c;font-weight:400}.cinema-film[data-scene="1"] .film-menu-live{background:#dceef1;color:#128898;font-weight:700}.cafe-stock-indicator{display:flex;align-items:center;gap:35px;border-top:1px solid #cbded5;margin-top:17px;padding-top:13px;color:#458177;font-size:12px}.cafe-stock-indicator b{font-size:28px;font-weight:500;color:#1a8794}.cinema-film[data-scene="2"] .cafe-last-slice{animation:film-camera 4s ease both,cafe-sellout 4s ease both}.cafe-script{margin-bottom:9px;padding:8px 11px}.cafe-script p{font-size:11px;line-height:1.5;margin:0}.cafe-enter-ad{background:#e5f4ed;border:1px solid #addbc9;color:#327963}.cinema-film[data-scene="1"] .cafe-enter-ad{animation:cafe-insert 4s ease both}.cinema-film[data-scene="3"] .film-ad-row{animation:cafe-remove 4s ease both}.cinema-film[data-scene="3"] .film-stock-ended{animation:cafe-removed 4s ease both}.cinema-film[data-scene="2"] .film-stock-card{animation:cafe-stock-update 4s ease both}
@keyframes cafe-sellout{0%,20%{opacity:1}48%,100%{opacity:0}}@keyframes cafe-insert{0%,14%{opacity:0;transform:translateX(25px)}35%,100%{opacity:1;transform:none}}@keyframes cafe-remove{0%,25%{opacity:1;transform:none;max-height:42px}55%,100%{opacity:0;transform:translateX(30px);max-height:0;padding:0;margin:0;min-height:0;border-width:0}}@keyframes cafe-removed{0%,40%{opacity:0;transform:translateY(5px)}60%,100%{opacity:1;transform:none}}@keyframes cafe-stock-update{0%,32%{opacity:0;transform:translateY(10px)}55%,100%{opacity:1;transform:none}}
@media(max-width:550px){.cafe-photo{background-size:auto 200%;background-position:65% top}.cafe-photo-empty{background-position:65% bottom}.cafe-script p{font-size:10px}.film-analysis .film-queue-row{min-height:27px;padding:6px 9px}.cafe-stock-indicator{font-size:11px}.cafe-stock-indicator b{font-size:25px}}
@media(prefers-reduced-motion:reduce){.sw-film .cafe-last-slice{display:none}.sw-film .film-stock-ended{opacity:1}.sw-film[data-scene="3"] .film-ad-row{display:none}}
.sw-film.is-manual *{animation:none!important}.sw-film.is-manual .cafe-last-slice{display:none}.sw-film.is-manual[data-scene="3"] .film-ad-row{display:none}.sw-film.is-manual .film-stock-ended{opacity:1;transform:none}
.cafe-stock-indicator small{font-size:12px;font-weight:400;margin-left:3px}
.film-captions{display:grid}.film-caption{position:relative;grid-area:1/1;inset:auto}
@media(max-width:550px){.film-screen{min-height:0;padding-top:465px}.film-captions{position:relative;inset:auto;margin:0 10px 14px}.film-app{top:45px;bottom:auto;height:400px}}