.cinema-shell{z-index:30;position:relative}.cinema-shell .music-page-tabs{top:var(--mobile-site-header-height,56px)}.bakeru-cinema{background:var(--night);min-width:0;color:var(--ink);font-family:system-ui,-apple-system,sans-serif}.cinema-player{isolation:isolate;min-width:0;height:calc(100svh - 169px - var(--flow-bottom,0px) - env(safe-area-inset-top,0px));background:var(--night);min-height:390px;position:relative;overflow:hidden}.cinema-player[data-active=true]{z-index:40;overscroll-behavior:contain;width:100%;height:100dvh;min-height:0;position:fixed;inset:0}.cinema-player:-webkit-full-screen{width:100%;height:100%;min-height:0}.cinema-player:fullscreen{width:100%;height:100%;min-height:0}.cinema-player__screen{z-index:-1;place-items:center;display:grid;position:absolute;inset:0}.cinema-player__screen iframe{background:var(--night);border:0;width:100%;height:100%;display:block}.cinema-player__poster{background:var(--night);width:100%;height:100%;color:var(--ink);cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.cinema-player__poster>img{object-fit:cover;object-position:center 58%;opacity:.68;width:100%;height:100%;display:block}.cinema-player__poster:after{content:"";background:linear-gradient(#07070c88,transparent 35%,#07070c88 75%,var(--night));position:absolute;inset:0}:where(:root[data-kaisei][data-sky=day]) .cinema-player__poster:after{background:linear-gradient(#ffffff7a,transparent 35%,#ffffff7a 75%,var(--night))}.cinema-player__play{z-index:1;width:72px;height:72px;color:var(--ink);background:#07070ccc;border:1px solid #f3efe680;border-radius:50%;place-items:center;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}:where(:root[data-kaisei][data-sky=day]) .cinema-player__play{background:#ffffffb8;border:1px solid #15122a80}.cinema-player__play-label{z-index:1;text-align:center;font-size:12px;font-weight:600;position:absolute;top:calc(45% + 48px);left:16px;right:16px}.cinema-player__panel{padding:max(20px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.cinema-player__panel>*{pointer-events:auto}.cinema-player[data-active=true] .cinema-player__panel{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px));opacity:1;visibility:visible;background:linear-gradient(#07070cb3,#0000 28% 60%,#07070ccc)}:where(:root[data-kaisei][data-sky=day]) .cinema-player[data-active=true] .cinema-player__panel{background:linear-gradient(#ffffffa1,#0000 28% 60%,#ffffffb8)}.cinema-player[data-active=true][data-controls=false] .cinema-player__panel{opacity:0;visibility:hidden;pointer-events:none}.cinema-player__heading{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.cinema-player__heading>div{min-width:0}.cinema-player__heading h1{color:var(--lilac);letter-spacing:.15em;margin:0 0 7px;font:600 11px/1.4 JetBrains Mono,monospace}.cinema-player__heading h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(25px,5vw,48px);line-height:1.2}.cinema-player__heading p{color:#f3efe6b3;margin:0;font-size:11px;line-height:1.5}:where(:root[data-kaisei][data-sky=day]) .cinema-player__heading p{color:#15122ab3}.cinema-player__heading time{font-variant-numeric:tabular-nums}.cinema-player__stop{min-width:44px;min-height:44px;color:var(--ink);background:#07070ccc;border:1px solid #f3efe636;border-radius:22px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font:600 12px/1.4 system-ui,sans-serif;display:flex}:where(:root[data-kaisei][data-sky=day]) .cinema-player__stop{background:#ffffffb8;border:1px solid #15122a36}.cinema-player__stop>span:first-child{font-size:25px;font-weight:400;line-height:1}.cinema-player__bottom{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;padding-top:20px;display:flex}.cinema-player__related{min-width:0;max-width:60%;min-height:52px;color:var(--ink);background:#07070ccc;border:1px solid #f3efe636;border-radius:9px;align-items:center;gap:10px;padding:6px 10px 6px 6px;text-decoration:none;display:flex}:where(:root[data-kaisei][data-sky=day]) .cinema-player__related{background:#ffffffb8;border:1px solid #15122a36}.cinema-player__related>img{object-fit:cover;border-radius:5px;flex:none;width:40px;height:40px}.cinema-player__related>span{gap:3px;min-width:0;display:grid}.cinema-player__related small{color:var(--lilac);font-size:10px;line-height:1.4}.cinema-player__related strong{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.cinema-player__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cinema-player__actions :is(a,button),.cinema-player__restore{min-width:44px;min-height:44px;color:var(--ink);background:#07070ccc;border:1px solid #f3efe636;border-radius:22px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font:550 11px/1.4 system-ui,sans-serif;text-decoration:none;display:inline-flex}:where(:root[data-kaisei][data-sky=day]) .cinema-player__actions :is(a,button),:where(:root[data-kaisei][data-sky=day]) .cinema-player__restore{background:#ffffffb8;border:1px solid #15122a36}.cinema-player__actions svg,.cinema-player__restore svg{color:var(--lilac);flex:none}.cinema-player__restore{right:max(10px,env(safe-area-inset-right,0px));z-index:2;text-align:center;border-color:#c9a6ff66;border-radius:28px;gap:3px;width:56px;min-height:56px;padding:7px 3px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}:where(:root[data-kaisei][data-sky=day]) .cinema-player__restore{border-color:#6813ec66}.cinema-player__restore>span{font-size:9px;line-height:1.3}.cinema-player__note{color:#f3efe6b3;overflow-wrap:anywhere;flex:none;width:100%;margin:10px 0 0;font-size:11px;line-height:1.6}:where(:root[data-kaisei][data-sky=day]) .cinema-player__note{color:#15122ab3}.cinema-player :is(a,button):focus-visible{outline:2px solid var(--lilac);outline-offset:3px}.cinema-player__poster:focus-visible{outline-offset:-3px}.cinema-player:focus{outline:0}@media (max-width:600px){.cinema-player__panel{padding:16px 12px max(16px,env(safe-area-inset-bottom,0px))}.cinema-player[data-active=true] .cinema-player__panel{padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.cinema-player__heading h1{font-size:10px}.cinema-player__heading h2{font-size:28px}.cinema-player__heading p{font-size:10px}.cinema-player__play{width:64px;height:64px}.cinema-player__bottom{align-items:stretch;gap:8px}.cinema-player__related{flex:1;gap:7px;max-width:none;padding:6px}.cinema-player__related strong{font-size:11px}.cinema-player__actions{flex:none;grid-template-columns:1fr;gap:6px;display:grid}.cinema-player__actions :is(a,button){padding-inline:10px;font-size:10px}.cinema-player__stop{padding-inline:10px;font-size:11px}.cinema-player__note{font-size:10px}}@media (max-height:450px) and (orientation:landscape){.cinema-player__heading h2{font-size:23px}.cinema-player__heading h1{margin-bottom:3px;font-size:9px}.cinema-player__heading p{font-size:10px}.cinema-player__bottom{padding-top:8px}.cinema-player__panel{padding-top:12px}.cinema-player__actions{display:flex}.cinema-player__related{min-height:44px}.cinema-player__related>img{width:32px;height:32px}}@media (prefers-reduced-motion:no-preference){.cinema-player__panel{transition:opacity .45s,visibility .45s}.cinema-player__play{transition:transform .28s,background .28s}.cinema-player__poster:hover .cinema-player__play{background:#07070cf5;transform:translate(-50%,-50%)scale(1.05)}:where(:root[data-kaisei][data-sky=day]) .cinema-player__poster:hover .cinema-player__play{background:#ffffffc7}.cinema-player__poster:active .cinema-player__play{transform:translate(-50%,-50%)scale(.96)}}body:has(.cinema-player[data-active=true]){overflow:hidden}body:has(.cinema-player[data-active=true]) .theme-mini{display:none}body:has(.cinema-player[data-active=true]) .flow-dock{visibility:hidden;pointer-events:none}