.film-record{align-items:start}.film-jacket-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .7s}.film-jacket-art{pointer-events:none}.film-jacket-open{opacity:0}.film-record.is-open .film-jacket-closed{opacity:0}.film-record.is-open .film-jacket-open{opacity:.95}.film-cover{position:absolute;z-index:3;inset:0;width:100%;border:0;background:linear-gradient(0deg,#03080ce8,transparent 65%);color:#f0f0eb;text-align:left;padding:9%;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.film-cover .eyebrow{font-size:10px;font-weight:300;letter-spacing:.16em}.film-cover-title{font-size:clamp(21px,2.4vw,35px);font-weight:300;line-height:1.05;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 0 18px #cdf0ff44}.film-cover-control{width:30px;height:30px;margin-top:16px;opacity:.7;transition:transform .7s;filter:drop-shadow(0 0 7px #c5eaff88)}.film-record.is-open .film-cover-control{transform:scaleX(-1)}.film-reading{padding-bottom:26px}.film-reading-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #bbd6df33;margin-bottom:14px}.film-identity{display:flex;align-items:center;gap:12px}.film-identity img{width:52px;height:62px;object-fit:cover;object-position:50% 28%;filter:saturate(.25) drop-shadow(0 0 6px #b1e9ff33)}.film-identity small,.film-identity span{display:block}.film-identity small{font-size:9px;letter-spacing:.14em;color:#a3bbc6}.film-identity span{font-size:13px;font-weight:300;letter-spacing:.07em}.film-music-toggle,.film-close,.film-stop{font:300 10px/1.4 inherit;color:#c8e2eb;background:transparent;border:0;cursor:pointer;padding:9px 0}.film-playlist{display:grid;gap:7px}.film-index{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:10px 12px;text-align:left;color:#c4d9e2;background:linear-gradient(100deg,#5577821c,#0b141c55);border:1px solid #a5d3e225;cursor:pointer;font-family:inherit;box-shadow:inset 0 0 16px #a7dcf904;transition:background .3s,box-shadow .3s}.film-index small{font-size:8px;letter-spacing:.09em;font-weight:300}.film-index span{font-size:12px;font-weight:300;overflow-wrap:anywhere}.film-index:hover,.film-item.is-active .film-index{border-color:#b5e8ff77;background:#5c9cb12b;box-shadow:0 0 20px #91dfff1a}.film-item.is-active .film-index span{text-shadow:0 0 8px #bfeeff88}.film-view[hidden]{display:none}.film-view{padding:14px 0 4px}.lenz-film-screen{position:relative;width:min(100%,340px);aspect-ratio:9/16;margin:auto;overflow:hidden;border:1px solid #addefb33;background:radial-gradient(ellipse,#52899d22,#050a11 75%);box-shadow:0 0 35px #71c4e111}.lenz-film-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#b0e4ff05 4px);pointer-events:none}.lenz-film-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lenz-film-caption{position:absolute;z-index:1;left:7%;right:7%;bottom:20%;pointer-events:none;color:#d2f7ffc7;font:400 14px/1.65 'SFMono-Regular',Consolas,monospace;letter-spacing:.075em;text-shadow:0 0 5px #c0f3ff88,0 0 16px #64c7fa88,0 2px 3px #000;white-space:pre-wrap;overflow-wrap:anywhere}.lenz-film-caption[hidden]{display:none}.film-generation{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#c4efffbb;font:10px/1.7 monospace;letter-spacing:.12em;text-shadow:0 0 15px #8cd7fa}.film-generation:before{content:'◇';font-size:38px;line-height:2}.is-generating .lenz-film-screen:before{content:'';position:absolute;left:0;right:0;height:1px;background:#c3efffcc;box-shadow:0 0 16px #adf0ff;animation:film-scan 1.4s linear}@keyframes film-scan{from{top:0}to{top:100%}}@media(max-width:700px){.film-record.is-open .film-reading{margin-top:0;padding-top:20px}.film-cover-control{align-self:center;transform:rotate(90deg)}.film-record.is-open .film-cover-control{transform:rotate(-90deg)}.film-cover{padding-bottom:8%}.film-cover-title{font-size:clamp(22px,6vw,30px)}.film-index{grid-template-columns:20px minmax(0,1fr);gap:3px 8px}.film-index small:last-child{grid-column:2;font-size:7px}.film-identity img{width:44px;height:52px}.film-close{font-size:9px}.lenz-film-screen{width:min(100%,310px)}}@media(prefers-reduced-motion:reduce){.film-jacket-art,.film-cover-control{transition:none}.is-generating .lenz-film-screen:before{animation:none}}
.film-music-toggle,.film-close,.film-stop{font-family:inherit;font-size:10px;font-weight:300;line-height:1.4}