/* L98 LIFE CINEMA · RC260 */
:root{color-scheme:dark;--cinema-bg:#101a17;--cinema-ink:#eef0e7;--cinema-muted:#a9b6ac;--cinema-accent:#d3e6ac;--cinema-line:#ffffff26}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.l98-cinema-page{margin:0;background:var(--cinema-bg);color:var(--cinema-ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cinema-accent);outline-offset:5px}svg{width:22px;height:22px;flex:none}[hidden]{display:none!important}.cinema-skip{position:fixed;left:20px;top:-80px;background:#e3efce;color:#14201b;padding:12px 20px;z-index:20}.cinema-skip:focus{top:10px}
.cinema{position:relative;isolation:isolate;overflow:hidden;min-height:max(720px,100svh);background:#15211b;display:flex;flex-direction:column}.cinema-ambient{position:absolute;z-index:-3;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(55px) saturate(.65);opacity:.45;pointer-events:none}.cinema-vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#101a17f5,#101a17c2 36%,#101a1733 70%),linear-gradient(0deg,#101a17,transparent 38%,#101a1755)}
.cinema-header{height:104px;flex:none;display:flex;align-items:center;gap:38px;position:relative;z-index:4;padding:0 4.8vw}.cinema-brand{display:inline-flex;align-items:baseline;gap:7px;font-size:34px;font-weight:850;letter-spacing:-2px;line-height:1;color:#f0f3e8}.cinema-brand>span{font-size:11px;letter-spacing:3px;font-weight:500}.cinema-brand>i{width:6px;height:6px;align-self:flex-start;margin-top:3px;background:var(--cinema-accent);border-radius:50%}.cinema-header-note{font-size:11px;letter-spacing:.15em;color:#c5cec1}.cinema-header nav{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:13px}.cinema-register-small{border:1px solid #dbe7d35c;padding:10px 17px;border-radius:40px}.cinema-register-small span{margin-left:12px}.cinema-header nav a:hover{color:var(--cinema-accent)}
.cinema-media{position:absolute;z-index:0;left:36%;right:3%;top:100px;bottom:118px;display:flex;align-items:center;justify-content:center;transition:opacity .4s}.cinema-media video{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;border:0;outline:none;background:transparent}.cinema-media video:not([controls]){mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent),linear-gradient(0deg,transparent,black 7%,black 95%,transparent);mask-composite:intersect}.cinema-youtube{width:100%;aspect-ratio:16/9;min-height:200px;max-height:100%;background:#080e0b}.cinema-youtube iframe{display:block;width:100%;height:100%;border:0}.cinema-copy{position:relative;z-index:1;width:39%;padding:clamp(50px,11vh,120px) 0 72px 4.8vw;margin:auto 0;pointer-events:none}.cinema-copy a,.cinema-copy button{pointer-events:auto}.cinema-eyebrow{font-size:10px;letter-spacing:.2em;display:flex;align-items:center;gap:10px;color:#d2dccb}.cinema-eyebrow>span{display:block;width:5px;height:5px;border-radius:50%;background:#d3e6ac;box-shadow:0 0 18px #d3e6acaa}.cinema-edition{margin:32px 0 15px;font-size:11px;letter-spacing:.16em;color:#b6c1b7}.cinema-copy h1{margin:0;font-size:clamp(44px,4.7vw,78px);letter-spacing:-.055em;line-height:1.24;font-weight:600;white-space:nowrap}.cinema-copy h1 em{font-style:normal;color:#d5e4be;font-weight:400}.cinema-description{font-size:14px;color:#c4cec4;line-height:1.95;margin:27px 0 30px}.cinema-description strong{font-weight:400;color:#ebeee6}.cinema-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.cinema-primary{background:var(--cinema-accent);color:#17221a;border-radius:40px;min-height:54px;display:inline-flex;align-items:center;gap:30px;padding:13px 24px;font-size:14px;font-weight:650;transition:background .2s,transform .2s}.cinema-primary:hover{background:#e3f2c6;transform:translateY(-2px)}.cinema-listen{background:transparent;border:0;padding:10px 0;display:flex;align-items:center;gap:8px;font-size:11px;color:#ced7c7}.cinema-listen svg{width:16px;height:16px}.cinema-keywords{display:flex;align-items:center;gap:13px;margin-top:37px;font-size:10px;color:#a7b5a8;letter-spacing:.1em}.cinema-keywords i{height:3px;width:3px;background:#9eaa96;border-radius:50%}
.cinema-dock{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 4.8vw 28px;padding:20px 0 22px;border-top:1px solid var(--cinema-line)}.cinema-now{display:flex;align-items:center;gap:17px;min-width:0}.cinema-now>div{min-width:0}.cinema-onair{display:block;color:#a9b99f;font-size:9px;letter-spacing:.15em}.cinema-now strong{display:block;font-size:13px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:350px}.cinema-count{font-size:10px;color:#9caa9e;letter-spacing:.12em;margin-left:16px}.cinema-wave{display:flex;align-items:center;gap:3px;height:23px}.cinema-wave i{display:block;width:2px;height:8px;background:#c5d6a7}.cinema-wave i:nth-child(2){height:20px;animation-delay:-.4s}.cinema-wave i:nth-child(3){height:14px;animation-delay:-.7s}.cinema-wave i:nth-child(4){height:10px;animation-delay:-.2s}.is-playing .cinema-wave i{animation:cinema-wave 1s ease-in-out infinite alternate}.cinema-transport{display:flex;gap:9px;align-items:center}.cinema-transport button,.cinema-panel-head button,.cinema-login-head button{background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;padding:9px}.cinema-transport button:hover,.cinema-panel-head button:hover{background:#ffffff12}.cinema-transport [data-play]{border-color:#ccd9c549}.cinema-transport [aria-pressed=true]{color:var(--cinema-accent);background:#d3e6ac13}.cinema-transport button.cinema-playlist-button{width:auto;gap:8px;border-color:#ffffff29;border-radius:30px;padding:10px 18px;margin-left:8px;font-size:12px}.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#f0f5e70f;overflow:hidden}.cinema-progress span{display:block;width:0;height:100%;background:#c8dda5;transition:width .4s linear}.cinema-status{position:absolute;bottom:112px;right:5%;max-width:52%;font-size:11px;color:#f7e3c3;background:#101a17d9;padding:8px 14px;border-radius:8px;z-index:3}.cinema-status:empty{display:none}.cinema-noscript{padding:12px 5%;font-size:12px}
.cinema-playlist{position:absolute;right:4.8vw;bottom:120px;width:420px;max-width:calc(100% - 32px);max-height:calc(100% - 160px);z-index:7;border:1px solid #dae5cd33;border-radius:20px;background:#13211cf5;backdrop-filter:blur(25px);box-shadow:0 25px 80px #0008;overflow:auto;overscroll-behavior:contain}.cinema-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:22px 22px 15px}.cinema-panel-head span{font-size:9px;letter-spacing:.2em;color:#9caf96}.cinema-panel-head h2{margin:4px 0;font-size:18px;font-weight:500}.cinema-choices{padding:0 12px;max-height:320px;overflow:auto}.cinema-choice{display:flex;align-items:center;text-align:left;width:100%;gap:12px;padding:10px;border:1px solid transparent;border-radius:10px;color:#dbe4d6;background:transparent;margin:3px 0}.cinema-choice:hover{background:#ffffff09}.cinema-choice[aria-current=true]{background:#d3e6ac12;border-color:#d3e6ac44}.cinema-choice img{width:63px;height:46px;object-fit:cover;border-radius:5px}.cinema-choice>span{flex:1;min-width:0}.cinema-choice small{display:block;font-size:9px;color:#9caf96;letter-spacing:.1em}.cinema-choice strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cinema-choice>b{font-size:10px;font-weight:400;color:#afbc9c}.cinema-options{padding:18px 22px;display:grid;gap:12px;font-size:12px;border-top:1px solid #ffffff15;margin-top:10px}.cinema-options label{display:flex;align-items:center;gap:10px}.cinema-options input{accent-color:#c9dfa4}.cinema-options input[type=range]{flex:1;min-width:0}.cinema-options a{color:#d7e7bd;font-size:11px}.cinema.is-focus .cinema-copy{visibility:hidden;pointer-events:none}.cinema.is-focus .cinema-copy a,.cinema.is-focus .cinema-copy button{pointer-events:none}.cinema.is-focus .cinema-media{left:4.8vw;right:4.8vw}.cinema.is-focus video{mask-image:none}.cinema.is-focus .cinema-header-note{visibility:hidden}
.life-details{max-width:1500px;margin:auto;padding:100px 6vw 75px;display:grid;grid-template-columns:1fr 1.1fr;gap:35px 90px}.life-intro>span,.life-notes article>span{font-size:9px;letter-spacing:.16em;color:#91a18e}.life-intro h2{font-size:clamp(28px,3vw,43px);font-weight:450;line-height:1.5;letter-spacing:-.035em;margin:18px 0}.life-intro p,.life-notes p{font-size:13px;color:#9eaea0;line-height:1.9}.life-notes article{border-bottom:1px solid #ffffff18;padding:0 0 21px;margin-bottom:22px}.life-notes h3{font-size:18px;font-weight:500;margin:8px 0}.life-notes p{margin:5px 0}.life-end-link{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:clamp(20px,3vw,38px);color:#d3e6ac;border-bottom:1px solid #d3e6ac55;padding:20px 0 24px;margin-top:10px}.life-end-link svg{width:35px;height:35px}.cinema-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 6vw 35px;font-size:10px;color:#849687;border-top:1px solid #ffffff12}.cinema-footer nav{display:flex;gap:22px}
.cinema-login{color-scheme:light;width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d5dece;border-radius:24px;background:#f2f4ed;color:#203129;padding:28px 34px;box-shadow:0 30px 100px #0007}.cinema-login::backdrop{background:#020e09b8;backdrop-filter:blur(10px)}.cinema-login-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.cinema-login .cinema-brand{color:#1d382a;font-size:28px}.cinema-login h2{font-size:28px;font-weight:650;margin:0}.cinema-login .splash-sub{font-size:13px;color:#65746a;line-height:1.7;margin:8px 0 23px}.cinema-login .btn{display:block;text-align:center;width:100%;padding:12px 15px;border:0;border-radius:10px;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer}.cinema-login .btn-line{background:#06c755;color:#053a19}.cinema-login .btn-google{background:white;border:1px solid #d8dfd5;color:#25352a}.cinema-login .google-mark{margin-right:9px}.cinema-login .sep{color:#778378;text-align:center;font-size:11px;margin:20px 0}.cinema-login .field{margin:14px 0}.cinema-login .field label{display:block;font-size:12px;color:#4c6053;margin-bottom:5px}.cinema-login .input{width:100%;border:1px solid #cbd5c7;background:white;padding:12px;border-radius:9px;color:#24362b;font-size:15px}.cinema-login .btn-main{background:#244e39;color:white;margin-top:22px}.cinema-login .policy-links{font-size:10px;text-align:center;color:#6c7e6d;margin-top:22px}.cinema-login .err{padding:11px;background:#fbe1d7;color:#882b1d;font-size:13px;border-radius:8px}.cinema-login .ok{padding:11px;background:#deebd6;font-size:13px;border-radius:8px}.cinema-login-join{border-top:1px solid #d3ddce;padding-top:20px;margin-top:24px;text-align:center;font-size:12px;display:grid;gap:8px}.cinema-login-join span{color:#70816e}.cinema-login-join a{color:#234f36;font-weight:650}.cinema-login :focus-visible{outline-color:#267044}
@keyframes cinema-wave{to{transform:scaleY(.35)}}
@media(min-width:1500px){.cinema-copy{width:40%}.cinema-actions{gap:20px}.cinema-description{font-size:16px}.cinema-listen{font-size:12px}}
@media(max-width:1050px){.cinema-copy{width:44%}.cinema-copy h1{font-size:48px}.cinema-header-note{display:none}.cinema-media{left:42%;right:2%}.cinema-copy{padding-top:75px;padding-bottom:55px}.cinema-description{font-size:13px}.cinema-count{display:none}.cinema-now strong{max-width:230px}.cinema-transport{gap:4px}.life-details{gap:30px 45px}}
@media(max-width:700px){.cinema{min-height:100svh}.cinema-header{height:78px;padding:0 20px;gap:15px}.cinema-brand{font-size:29px}.cinema-brand span{font-size:9px;letter-spacing:2px}.cinema-header nav{gap:15px;font-size:11px}.cinema-register-small{padding:8px 11px}.cinema-register-small span{display:none}.cinema-media,.cinema.is-focus .cinema-media{position:relative;inset:auto;height:56svh;min-height:330px;max-height:600px;width:100%;padding:0 16px;flex:none}.cinema-media video{mask-image:linear-gradient(0deg,transparent,black 9%,black 96%,transparent)}.cinema[data-type=youtube] .cinema-media{height:auto;min-height:220px;aspect-ratio:16/10;padding:0 12px}.cinema-copy{width:100%;padding:15px 24px 28px;margin:0}.cinema-eyebrow{font-size:8px;letter-spacing:.16em}.cinema-edition{display:none}.cinema-copy h1{font-size:clamp(35px,9vw,55px);line-height:1.2;margin:16px 0}.cinema-copy h1 br{display:none}.cinema-description{font-size:12px;margin:15px 0 20px}.cinema-description br:first-child{display:none}.cinema-actions{gap:9px 18px}.cinema-primary{min-height:48px;font-size:13px;padding:12px 19px;gap:22px}.cinema-listen{font-size:10px}.cinema-keywords{margin-top:20px;font-size:9px}.cinema-dock{margin:0 20px 24px;padding:16px 0 20px;gap:12px;flex-wrap:wrap}.cinema-now{width:100%;gap:11px}.cinema-now strong{max-width:calc(100vw - 100px);font-size:12px}.cinema-count{display:block;margin-left:auto;font-size:9px}.cinema-transport{width:100%;justify-content:space-between;gap:4px}.cinema-transport button{width:40px;height:40px}.cinema-playlist{position:fixed;inset:auto 12px 12px;width:auto;max-width:none;max-height:80dvh;z-index:10}.cinema-status{position:relative;inset:auto;margin:0 20px 15px;max-width:none;order:6}.cinema.is-focus .cinema-copy{display:none}.cinema.is-focus .cinema-media{height:calc(100svh - 225px);max-height:none}.cinema[data-type=youtube].is-focus .cinema-media{height:auto;min-height:250px;margin:auto 0}.life-details{padding:60px 24px 40px;grid-template-columns:1fr;gap:25px}.life-intro h2{font-size:31px}.life-intro p{font-size:12px}.life-notes p{font-size:12px}.life-end-link{font-size:24px}.cinema-footer{padding:25px 24px;flex-direction:column;gap:12px}.cinema-login{padding:24px}.cinema-login-head{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* RC263: one cinematic scene, with lightweight compositing and a shared control dock. */
.cinema-ambient{filter:blur(28px) saturate(.72);opacity:.5;contain:paint}
.cinema-media video:not([controls]){mask-image:none;-webkit-mask-image:none;mask-composite:add}
.cinema[data-type=mp4] .cinema-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#101a17 0%,#101a1700 12%,#101a1700 94%,#101a17 100%)}
.cinema[data-type=youtube] .cinema-media{position:absolute;inset:0;max-height:none;padding:0;width:100%;height:100%;align-items:stretch;transition:none}
.cinema[data-type=youtube] .cinema-youtube{width:100%;height:100%;max-height:none;aspect-ratio:auto;background:transparent;min-height:200px}
.cinema[data-type=youtube] .cinema-youtube iframe{display:block;width:100%;height:100%;border:0;border-radius:0;box-shadow:none}
.cinema[data-type=youtube] .cinema-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101a17e6 0%,#101a17b8 28%,#101a1740 53%,transparent 76%),linear-gradient(0deg,#101a17d9 0%,transparent 27%,transparent 85%,#101a1773 100%)}
.cinema[data-type=youtube] .cinema-copy{width:45%;padding-top:clamp(70px,14vh,150px);padding-bottom:clamp(70px,12vh,130px)}
.cinema[data-type=youtube] .cinema-copy h1{text-shadow:0 3px 28px #05100bcc}
.cinema[data-type=youtube] .cinema-description{color:#dce6dc;text-shadow:0 2px 15px #001109}
.cinema[data-type=youtube] .cinema-dock{border-color:#ffffff3b;text-shadow:0 2px 10px #000}
.cinema[data-type=youtube].is-focus .cinema-media{inset:0}
.cinema.is-focus .cinema-media::after{display:none}
.cinema.is-buffering .cinema-wave{opacity:.45}
@media(max-width:1050px) and (min-width:701px){.cinema[data-type=youtube] .cinema-copy{width:53%}}
@media(max-width:700px){
 .cinema-ambient{filter:blur(14px) saturate(.7);inset:-4%;width:108%;height:108%}
 .cinema[data-type=youtube] .cinema-media,.cinema[data-type=youtube].is-focus .cinema-media{position:relative;inset:auto;width:100%;height:clamp(200px,56.25vw,460px);min-height:200px;max-height:none;aspect-ratio:16/9;margin:0;padding:0}
 .cinema[data-type=youtube] .cinema-media::after{background:linear-gradient(0deg,#101a174d,transparent 12%)}
 .cinema[data-type=youtube] .cinema-copy{width:100%;padding:24px 24px 28px}
 .cinema[data-type=youtube] .cinema-description{font-size:12px}
 .cinema[data-type=mp4] .cinema-media::after{background:linear-gradient(0deg,#101a17,transparent 12%,transparent 96%,#101a17)}
}
/* RC267 · Star2co-style floating controls. The film keeps its full layout. */
.cinema{--tv-gold:#d5bb88;--tv-white:#f1f4f1;--tv-muted:#9ea9a3}
.cinema-tap-area{appearance:none;position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:transparent;touch-action:pan-y;cursor:default}
.cinema-copy{z-index:2}.cinema-tap-area:focus-visible{outline-offset:-5px}
.cinema-launcher{position:absolute;right:28px;top:116px;z-index:8;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transform:translateY(-5px);transition:opacity .22s,transform .22s}
.show-controls .cinema-launcher,.is-panel-open .cinema-launcher,.is-muted .cinema-launcher,.needs-attention .cinema-launcher,.cinema-launcher:focus-within{opacity:1;pointer-events:auto;transform:none}
.cinema .cinema-quick{appearance:none;display:grid;place-items:center;width:46px;height:46px;min-width:46px;padding:0;border:1px solid #ffffff4a;border-radius:50%;background:#101b17cf;backdrop-filter:blur(14px);box-shadow:0 6px 22px #0003;color:#f1f4f1;transition:background .18s,border-color .18s}
.cinema-quick svg{width:22px;height:22px}.cinema .cinema-quick:hover{background:#24342a;border-color:#d5bb8880}
.cinema .cinema-quick[aria-pressed=true]{color:#e4cfaa;border-color:#d5bb8870}
.cinema .cinema-quick[aria-expanded=true]{background:#cdb382;color:#182219;border-color:#e8d6b0}
.cinema-quick[aria-expanded=true] svg{transform:rotate(45deg)}
.cinema-unmute{position:absolute;z-index:6;right:28px;top:180px;display:flex;align-items:center;gap:12px;min-height:56px;padding:11px 19px;border:1px solid #efdab0;border-radius:99px;background:#e1c798;color:#19281e;box-shadow:0 7px 30px #0005;text-align:left}
.cinema-unmute strong{display:block;font-size:14px;font-weight:650;letter-spacing:.04em}.cinema-unmute small{display:block;font-size:10px;color:#415039;line-height:1.5}.cinema-unmute:hover{background:#f0dbb6}.cinema-unmute svg{width:24px;height:24px}
.cinema .cinema-playlist{position:absolute;z-index:9;right:28px;left:auto;top:178px;bottom:auto;width:400px;max-width:calc(100% - 48px);max-height:min(540px,calc(100% - 200px));display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;border:1px solid #d4dfd329;border-radius:20px;background:linear-gradient(150deg,#202a25f5,#101a15f7);backdrop-filter:blur(28px);box-shadow:0 24px 64px #00100973;color:var(--tv-white);font:13px/1.5 "Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}
.cinema-panel-head{padding:18px 20px 13px;flex:none}.cinema-panel-head span{font-size:8px;letter-spacing:.16em;color:#9da99f}.cinema-panel-head h2{font-size:16px;font-weight:600;letter-spacing:.03em;line-height:1.5;margin:3px 0 0}
.cinema-panel-head button{width:36px;height:36px;padding:7px;color:#9ca99f}.cinema-panel-head svg{width:19px;height:19px}
.cinema-now{width:auto;padding:3px 20px 10px;gap:10px;flex:none;min-width:0}.cinema-now>div{flex:1}.cinema-onair{font-size:8px;color:#92ab99;letter-spacing:.06em;line-height:1.6}.cinema-now strong{max-width:230px;font-size:13px;font-weight:600;color:#f3f5f0}.cinema-count{display:block;flex:none;margin:0;font-size:9px;letter-spacing:0;color:#819688}.cinema-wave{min-width:23px;flex:none}.cinema-wave i{width:3px;border-radius:3px;background:#c7b083}
.cinema-timeline{padding:0 20px;flex:none}.cinema-track{position:relative;height:28px;display:flex;align-items:center}.cinema-track::before{content:"";position:absolute;left:0;right:0;height:2px;background:#ffffff18;border-radius:2px}.cinema-track>span{position:absolute;left:0;height:2px;width:0;background:#ccb386;border-radius:2px;pointer-events:none}
.cinema-track input[type=range]{appearance:none;-webkit-appearance:none;position:relative;z-index:1;width:100%;height:28px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;accent-color:#d5bb88;touch-action:pan-y}
.cinema-track input::-webkit-slider-runnable-track{height:2px;background:transparent}.cinema-track input::-moz-range-track{height:2px;background:transparent}.cinema-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border:0;border-radius:50%;background:#d5bb88;box-shadow:0 0 0 4px #d5bb8815}.cinema-track input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#d5bb88;box-shadow:0 0 0 4px #d5bb8815}.cinema-track input:disabled{opacity:.25;cursor:default}
.cinema-times{display:flex;justify-content:space-between;margin-top:-3px;font-size:10px;color:#9eada0;font-variant-numeric:tabular-nums}
.cinema-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:10px 16px;flex:none}.cinema-tabs button{position:relative;min-width:0;min-height:38px;padding:8px 4px;border:0;border-radius:8px;background:transparent;color:#9aaca0;font-size:11px;font-weight:500;white-space:nowrap}.cinema-tabs button:hover{background:#ffffff08;color:#fff}.cinema-tabs [aria-selected=true]{color:#e9dbc1;background:#d5bb8815}.cinema-tabs [aria-selected=true]::after{content:"";position:absolute;bottom:3px;left:40%;right:40%;height:2px;border-radius:2px;background:#d5bb88}
.cinema-panel-body{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 16px 14px;scrollbar-width:thin;scrollbar-color:#4b5d50 transparent;flex:1 1 auto}.cinema-choices{padding:2px;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.cinema-choice{position:relative;min-width:0;min-height:62px;padding:10px;gap:9px;margin:0;border:1px solid #d5dfd215;border-radius:11px;background:#d0e1d505;color:#d2dfd4}.cinema-choice img{width:34px;height:42px;object-fit:cover;border-radius:5px}.cinema-choice strong{font-size:11px;white-space:normal;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cinema-choice small{font-size:8px;letter-spacing:.03em;color:#8fa595}.cinema-choice>b{display:none}.cinema-choice[aria-current=true]{background:#b6c69c14;border-color:#c6bf9666;color:#f4e4bd}.cinema-empty{grid-column:1/-1;font-size:12px;color:#9ea9a3;padding:12px 3px}
.cinema-options{padding:0 4px;gap:0;border:0;margin:0}.cinema-options .cinema-pref{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #cad5cb12;width:100%;min-width:0}.cinema-pref strong{display:block;font-size:12px;font-weight:500;color:#e4ebe2}.cinema-pref small{display:block;font-size:10px;color:#8e9f92;margin-top:2px}
.cinema-pref button,.cinema-pref input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:block;width:40px;height:24px;min-width:40px;flex:0 0 40px;padding:3px;margin:0;border:0;border-radius:99px;background:#4a584d;cursor:pointer}
.cinema-pref button>span,.cinema-pref input[type=checkbox]::before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#dce6db;transform:translateX(0);transition:transform .16s}.cinema-pref button[aria-checked=true],.cinema-pref input[type=checkbox]:checked{background:#aebc92}.cinema-pref button[aria-checked=true]>span,.cinema-pref input[type=checkbox]:checked::before{transform:translateX(16px);background:#192a1e}
.cinema-options .cinema-volume{display:grid;grid-template-columns:1fr auto;gap:8px;padding:17px 0 12px}.cinema-volume output{font-size:10px;color:#a2b39f}.cinema-volume input{grid-column:1/-1;width:100%;height:24px;margin:0;accent-color:#c8b083}.cinema-options a{display:block;text-align:center;min-height:38px;padding:10px 7px;border:1px solid #bfcebe22;border-radius:8px;background:#cad6c508;color:#c5d1c3;font-size:10px}
.cinema-transport{width:auto;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px;border-top:1px solid #ccd7cc12;background:#07100b25}.cinema-transport>div{display:flex;align-items:center;gap:15px}.cinema-transport button{width:38px;height:38px;min-width:38px;padding:0;border:0;display:grid;place-items:center;color:#bfccc2}.cinema-transport svg{width:19px;height:19px}.cinema-transport [data-play]{width:46px;height:46px;background:#ded6c2;color:#1b2b20}.cinema-transport [data-play]:hover{background:#eee6d5}.cinema-transport [data-play] svg{width:22px;height:22px}.cinema-transport [data-panel-sound]{background:#ffffff07}.cinema-transport>span{width:38px;text-align:center;color:#8fa496;font-size:10px}
.cinema-status{bottom:28px;right:28px;z-index:6;max-width:420px}.cinema.is-focus .cinema-copy{visibility:hidden}.cinema :focus-visible{outline-color:#d5bb88}
.cinema.is-fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;max-height:none;margin:0;padding:0;background:#050807;overflow:hidden}
.cinema.is-fullscreen .cinema-media{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:0}.cinema.is-fullscreen .cinema-media::after{display:none}.cinema.is-fullscreen .cinema-copy,.cinema.is-fullscreen .cinema-header{visibility:hidden;pointer-events:none}.cinema.is-fullscreen .cinema-copy a,.cinema.is-fullscreen .cinema-copy button,.cinema.is-fullscreen .cinema-header a{pointer-events:none}
.cinema.is-fullscreen .cinema-launcher{top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}.cinema.is-fullscreen .cinema-unmute{top:calc(max(18px,env(safe-area-inset-top)) + 62px);right:max(18px,env(safe-area-inset-right))}.cinema.is-fullscreen .cinema-playlist{top:calc(max(18px,env(safe-area-inset-top)) + 62px);max-height:calc(100% - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)) - 82px)}
@media(max-width:700px){
 .cinema-launcher{right:16px;top:94px;gap:7px}.cinema-unmute{right:16px;top:154px;min-height:52px;padding:10px 16px}.cinema-unmute strong{font-size:13px}
 .cinema .cinema-playlist{position:absolute;right:12px;left:12px;top:154px;bottom:auto;width:auto;max-width:none;max-height:min(510px,calc(100% - 176px));border-radius:18px}
 .cinema-panel-head{padding:16px 16px 11px}.cinema-panel-head h2{font-size:15px}.cinema-now{padding-inline:16px}.cinema-now strong{max-width:calc(100vw - 170px)}.cinema-count{font-size:9px;margin:0}.cinema-timeline{padding-inline:16px}
 .cinema-tabs{padding:11px 12px 9px}.cinema-tabs button{min-height:40px}.cinema-panel-body{padding:0 12px 12px}.cinema-transport{padding:10px 14px}.cinema-transport>div{gap:12px}.cinema-status{position:relative;inset:auto;margin:0 20px 15px;max-width:none}
 .cinema.is-panel-open .cinema-copy{opacity:.12;pointer-events:none}.cinema.is-panel-open .cinema-copy a,.cinema.is-panel-open .cinema-copy button{pointer-events:none}
 .cinema.is-fullscreen .cinema-media{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:0}.cinema.is-fullscreen .cinema-status{position:absolute;bottom:16px;right:16px;left:16px;margin:0}
 .cinema.is-fullscreen .cinema-playlist{top:calc(max(18px,env(safe-area-inset-top)) + 62px)}
}
@media(max-width:360px){.cinema .cinema-playlist{left:8px;right:8px}.cinema-choice{padding:8px;gap:6px}.cinema-choice img{width:28px}.cinema-now{gap:7px}}
@media(max-height:520px){.cinema.is-fullscreen .cinema-playlist{overflow-y:auto}.cinema.is-fullscreen .cinema-panel-body{flex:none;max-height:160px}.cinema.is-fullscreen .cinema-choices{max-height:none}}