.film{max-width:1080px;margin:clamp(28px,4vw,48px) auto 0}.film-frame{aspect-ratio:16/9;cursor:pointer;width:100%;box-shadow:0 0 0 6px var(--rd-surface), 0 40px 90px #013caa47, 0 12px 28px #0a153224;font:inherit;color:#fff;background:#0a1532;border:0;border-radius:24px;padding:0;display:block;position:relative;overflow:hidden}:root[data-theme=dark] .film-frame{box-shadow:0 0 0 1px #ffffff1f,0 40px 90px #00000073}.film-poster{background:radial-gradient(60% 80% at 18% 100%,#e8963c8c,#0000 62%),radial-gradient(50% 60% at 85% 10%,#0165fc73,#0000 60%),linear-gradient(170deg,#1a2a55 0%,#0a1532 70%);position:absolute;inset:0}.film-poster img,.film-poster video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film-title{font-family:var(--font-display,inherit);letter-spacing:-.03em;text-align:left;text-shadow:0 2px 20px #00000059;font-size:clamp(1.4rem,3.4vw,2.8rem);font-weight:800;line-height:1;position:absolute;bottom:clamp(18px,3.4vw,40px);left:clamp(20px,4vw,44px)}.film-play{width:clamp(64px,8vw,92px);height:clamp(64px,8vw,92px);color:var(--rd-blue);background:#fffffff2;border-radius:50%;place-items:center;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0000004d}.film-play:before{content:"";border:2px solid #ffffff73;border-radius:50%;animation:2.4s cubic-bezier(.2,.7,.2,1) infinite film-pulse;position:absolute;inset:-10px}.film-play svg{fill:currentColor;width:38%;height:38%;margin-left:6%}.film-frame:hover .film-play,.film-frame:focus-visible .film-play{transform:translate(-50%,-50%)scale(1.07)}.film-meta{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.06em;text-transform:uppercase;color:#dbe6ff;background:#0a15328c;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;position:absolute;bottom:clamp(16px,3vw,36px);right:clamp(16px,3vw,32px)}.film-meta b{color:#fff;margin-right:6px}.film figcaption{color:var(--rd-muted);text-align:center;margin-top:18px;font-size:.9rem}@keyframes film-pulse{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.film-play:before{animation:none}}@media (max-width:560px){.film-meta{font-size:.7rem;top:14px;bottom:auto;right:14px}.film-title{font-size:1.35rem}}.film-dialog{color:#fff;background:#000;border:0;border-radius:16px;width:min(1100px,92vw);max-width:none;margin:auto;padding:0;overflow:visible}.film-dialog::backdrop{background:#050a19d9}.film-dialog-body{aspect-ratio:16/9;text-align:center;place-items:center;padding:24px;display:grid}.film-dialog-body video,.film-dialog-body iframe{border:0;width:100%;height:100%;display:block}.film-close{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-44px;right:0}.film-close svg{width:18px;height:18px}mark.todo{color:inherit;background:#ffc40038;border-radius:6px;padding:2px 6px}.ttr-player{aspect-ratio:16/9}.ttr-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rd-line) transparent;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:16px;margin-inline:-4px;padding:4px 4px 12px;scroll-padding-inline:4px;display:grid;overflow-x:auto}.ttr-strip>li{scroll-snap-align:start}.ttr-card{border-radius:14px;margin:-4px;padding:4px;transition:opacity .2s}.ttr-card:focus-visible{outline:2px solid var(--rd-blue);outline-offset:2px}.ttr-card.is-active>span:first-child{box-shadow:0 0 0 2px var(--rd-blue)}@media (min-width:1024px){.ttr-strip{grid-auto-columns:calc(20% - 12.8px)}}@media (max-width:640px){.ttr-strip{grid-auto-columns:72vw}}