.mediaCollectionPanel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.mediaIndexMeta{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-micro);letter-spacing:.08em;text-transform:uppercase;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 10px 10px;font-weight:700;display:flex}.mediaIndexActions,.mediaViewControls{align-items:center;display:flex}.mediaIndexActions{gap:16px}.mediaViewControls{gap:12px}.mediaViewButton,.mediaSortButton{appearance:none;color:var(--dim);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .16s}.mediaViewButton:hover,.mediaViewButton:focus-visible,.mediaSortButton:hover,.mediaSortButton:focus-visible{color:var(--muted)}.mediaViewButton:focus-visible{outline:none}.mediaSortButton:focus-visible{outline:1px solid var(--line);outline-offset:4px}.mediaViewButton[aria-pressed=true],.mediaSortButton[aria-pressed=true]{color:var(--text)}.mediaSortHeader{border-bottom:1px solid var(--line);min-height:34px;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-micro);letter-spacing:.08em;text-transform:uppercase;flex:none;align-items:center;gap:16px;padding:0 10px 8px;font-weight:700;display:grid}.mediaSortButton{justify-content:flex-start;align-items:center;gap:5px;width:fit-content;max-width:100%;display:inline-flex}.mediaSortDirection{width:9px;color:var(--accent);display:inline-block}.mediaSizeControl{color:var(--dim);font:inherit;letter-spacing:inherit;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;display:none}.mediaRecordsPanel[data-record-view=covers] .mediaSizeControl,.mediaFilmPanel[data-film-view=posters] .mediaSizeControl,.mediaBooksPanel[data-book-view=covers] .mediaSizeControl{display:inline-flex}.mediaSizeControl input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:clamp(90px,8vw,130px);height:12px;margin:0}.mediaSizeControl input[type=range]::-webkit-slider-runnable-track{background:var(--line);height:1px}.mediaSizeControl input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:0;border-radius:50%;width:7px;height:7px;margin-top:-3px}.mediaSizeControl input[type=range]::-moz-range-track{background:var(--line);border:0;height:1px}.mediaSizeControl input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:7px;height:7px}.mediaSizeControl input[type=range]:focus-visible{outline:1px solid var(--line);outline-offset:4px}.mediaList{flex:auto;min-height:0;overflow-y:auto}.mediaRow{border-bottom:1px solid var(--line-soft);align-items:center;gap:16px;min-height:56px;padding:6px 10px;transition:border-color .16s;display:grid}.mediaCardVisual{display:none}.mediaCardTitle,.mediaCardSecondary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mediaCardTitle{color:var(--text-soft);letter-spacing:-.02em;font-size:14px;font-weight:500;transition:color .16s}.mediaCardSecondary{color:var(--muted);font-size:11px}.mediaCardMeta{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-micro);letter-spacing:.045em;text-transform:uppercase;font-weight:700}.mediaRowArrow{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:10px;transition:color .16s,transform .16s}.mediaRow:hover,.mediaRow:focus-visible{border-bottom-color:var(--accent)}.mediaRow:hover .mediaCardTitle,.mediaRow:focus-visible .mediaCardTitle{color:var(--text)}.mediaRow:hover .mediaRowArrow,.mediaRow:focus-visible .mediaRowArrow{color:var(--accent);transform:translate(2px,-2px)}.mediaRecordsPanel[data-record-view=covers] .mediaSortHeader,.mediaFilmPanel[data-film-view=posters] .mediaSortHeader,.mediaBooksPanel[data-book-view=covers] .mediaSortHeader{gap:16px;min-height:34px;display:flex;overflow-x:auto}.mediaRecordsPanel[data-record-view=covers] .mediaSortButton,.mediaFilmPanel[data-film-view=posters] .mediaSortButton,.mediaBooksPanel[data-book-view=covers] .mediaSortButton{flex:none}.mediaRecordsPanel[data-record-view=covers] .mediaGrid,.mediaFilmPanel[data-film-view=posters] .mediaGrid,.mediaBooksPanel[data-book-view=covers] .mediaGrid{align-content:flex-start;gap:24px 18px;padding:18px 10px 6px;display:grid}.mediaRecordsPanel[data-record-view=covers] .mediaGrid{grid-template-columns:repeat(var(--record-cover-columns,8), minmax(0, 1fr))}.mediaFilmPanel[data-film-view=posters] .mediaGrid{grid-template-columns:repeat(var(--film-poster-columns,8), minmax(0, 1fr))}.mediaBooksPanel[data-book-view=covers] .mediaGrid{grid-template-columns:repeat(var(--book-cover-columns,8), minmax(0, 1fr))}.mediaRecordsPanel[data-record-view=covers] .mediaRow,.mediaFilmPanel[data-film-view=posters] .mediaRow,.mediaBooksPanel[data-book-view=covers] .mediaRow{border-bottom:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"visual visual""title year""secondary runtime";align-self:start;align-items:start;gap:5px 10px;height:max-content;min-height:max-content;padding:0}.mediaRecordsPanel[data-record-view=covers] .mediaCardVisual,.mediaFilmPanel[data-film-view=posters] .mediaCardVisual,.mediaBooksPanel[data-book-view=covers] .mediaCardVisual{background:linear-gradient(145deg,#151618 0%,#0b0c0d 68%,#050505 100%);grid-area:visual;width:100%;display:block;position:relative;overflow:hidden}.mediaRecordsPanel[data-record-view=covers] .mediaCardTitle,.mediaFilmPanel[data-film-view=posters] .mediaCardTitle,.mediaBooksPanel[data-book-view=covers] .mediaCardTitle{width:100%;color:var(--text-soft);grid-area:title;margin-top:2px;font-size:12px;font-weight:500;line-height:1.2;display:block}.mediaRecordsPanel[data-record-view=covers] .mediaCardSecondary,.mediaFilmPanel[data-film-view=posters] .mediaCardSecondary,.mediaBooksPanel[data-book-view=covers] .mediaCardSecondary{width:100%;color:var(--muted);grid-area:secondary;font-size:10px;line-height:1.2;display:block}.mediaRecordsPanel[data-record-view=covers] .mediaCardMeta,.mediaFilmPanel[data-film-view=posters] .mediaCardMeta,.mediaBooksPanel[data-book-view=covers] .mediaCardMeta{color:var(--dim);text-align:right;justify-self:end;font-size:8.5px;display:block}.mediaRecordsPanel[data-record-view=covers] .recordReleaseDate,.mediaFilmPanel[data-film-view=posters] .filmReleaseDate{grid-area:year}.mediaRecordsPanel[data-record-view=covers] .recordRuntime,.mediaFilmPanel[data-film-view=posters] .filmRuntime{grid-area:runtime}.mediaRecordsPanel[data-record-view=covers] .mediaRowArrow,.mediaFilmPanel[data-film-view=posters] .mediaRowArrow,.mediaBooksPanel[data-book-view=covers] .mediaRowArrow{display:none}@media (width<=1200px){.mediaBooksPanel[data-book-view=covers] .mediaGrid{grid-template-columns:repeat(var(--book-cover-columns,5), minmax(0, 1fr))}.mediaRecordsPanel[data-record-view=covers] .mediaGrid{grid-template-columns:repeat(var(--record-cover-columns,5), minmax(0, 1fr))}.mediaFilmPanel[data-film-view=posters] .mediaGrid{grid-template-columns:repeat(var(--film-poster-columns,5), minmax(0, 1fr))}}@media (width<=900px){.mediaBooksPanel[data-book-view=covers] .mediaGrid{grid-template-columns:repeat(var(--book-cover-columns,4), minmax(0, 1fr))}.mediaRecordsPanel[data-record-view=covers] .mediaGrid{grid-template-columns:repeat(var(--record-cover-columns,4), minmax(0, 1fr))}.mediaFilmPanel[data-film-view=posters] .mediaGrid{grid-template-columns:repeat(var(--film-poster-columns,4), minmax(0, 1fr))}}@media (width<=620px){.mediaBooksPanel[data-book-view=covers] .mediaGrid{grid-template-columns:repeat(var(--book-cover-columns,2), minmax(0, 1fr));gap:18px 10px;padding-inline:0}.mediaIndexMeta{align-items:flex-start;padding-inline:0}.mediaSortHeader{gap:14px;padding:0 0 10px;display:flex;overflow-x:auto}.mediaSortButton{flex:none}.mediaRow{grid-template-columns:minmax(0,1fr) 12px;gap:8px;min-height:52px;padding-inline:0}.mediaCardTitle{font-size:12px}.mediaRecordsPanel[data-record-view=covers] .mediaGrid{grid-template-columns:repeat(var(--record-cover-columns,2), minmax(0, 1fr));gap:18px 10px;padding-inline:0}.mediaFilmPanel[data-film-view=posters] .mediaGrid{grid-template-columns:repeat(var(--film-poster-columns,2), minmax(0, 1fr));gap:14px 10px;padding-inline:0}}.mediaTabs{align-items:center;gap:16px;display:flex}.mediaTab{appearance:none;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;line-height:1.2;transition:color .16s}.mediaTab:hover,.mediaTab:focus-visible{color:var(--muted)}.mediaTab:focus-visible{outline:1px solid var(--line);outline-offset:5px}.mediaTab[aria-selected=true]{color:var(--text)}.mediaPanel{flex:auto;min-height:0}.mediaPanel[hidden]{display:none!important}.filmIndexMeta a{color:var(--muted);transition:color .16s}.filmIndexMeta a:hover,.filmIndexMeta a:focus-visible{color:var(--text)}.filmSortHeader,.filmRow{grid-template-columns:minmax(0,1.8fr) minmax(120px,1fr) 92px 76px 12px}.filmList[data-film-list-view=posters] .filmRow{min-width:0}.filmPosterVisual{aspect-ratio:2/3}.filmList[data-film-list-view=posters] .filmPosterVisual{border:0;min-width:0}.filmPosterImage{aspect-ratio:2/3;object-fit:cover;width:100%;height:auto;display:block}.filmPosterFallback{aspect-ratio:2/3;flex-direction:column;justify-content:space-between;width:100%;padding:14px;display:flex}.filmList[data-film-list-view=posters] .filmPosterVisual:after{color:var(--dim);content:"↗";font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;inset:auto 14px 14px auto}.filmPosterYear{z-index:1;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-micro);letter-spacing:.08em;font-weight:700;position:relative}.filmPosterTitle{z-index:1;max-width:90%;color:var(--text);letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(18px,1.7vw,26px);font-weight:600;line-height:.96;position:relative}.filmList[data-film-list-view=posters]{grid-auto-rows:max-content;align-items:start}.filmList[data-film-list-view=posters]>a{width:auto}.mediaEmptyState{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-label);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:18px 10px;font-weight:700}.mediaPageView{flex-direction:column;min-height:0;display:flex}.mediaPageHeading{flex:none}.recordSortHeader,.recordRow{grid-template-columns:minmax(0,1.8fr) minmax(120px,1fr) 92px 76px 12px}.recordCoverVisual{aspect-ratio:1}.recordCoverImage{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.recordCoverFallback{width:100%;height:100%;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-micro);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;justify-content:space-between;padding:14px;font-weight:700;display:flex}.mediaRecordsPanel[data-record-view=covers] .recordSortAlbumLabel,.mediaRecordsPanel[data-record-view=covers] .recordSortRuntimeLabel,.mediaRecordsPanel[data-record-view=covers] .recordSortSpacer{display:none}.bookSortHeader,.bookRow{grid-template-columns:minmax(0,1.8fr) minmax(120px,1fr) 154px 12px}.bookCoverVisual{aspect-ratio:2/3}.bookCoverImage{object-fit:contain;width:100%;height:100%;display:block}.bookCoverFallback{flex-direction:column;justify-content:space-between;gap:16px;height:100%;padding:14px;display:flex}.bookCoverFallback[hidden],.bookCoverImage[hidden]{display:none}.bookCoverFallbackTitle{color:var(--text);letter-spacing:-.04em;font-size:clamp(16px,1.6vw,24px);font-weight:600;line-height:1.1}.bookCoverFallbackAuthor{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-micro);line-height:1.4}.mediaBooksPanel[data-book-view=covers] .bookRow{grid-template-areas:"visual visual""title year""secondary secondary"}.mediaBooksPanel[data-book-view=covers] .bookPublicationDate{grid-area:year}.mediaBooksPanel[data-book-view=covers] .bookSortSpacer{display:none}.mediaBooksPanel[data-book-view=covers] .bookCoverVisual{height:auto}.bookList[data-book-list-view=covers]{grid-auto-rows:max-content}@media (width<=900px){.filmSortHeader,.filmRow{grid-template-columns:minmax(0,1fr) 92px 12px;gap:12px}.filmSortDirector,.filmSortRuntime,.filmDirector,.filmRuntime{display:none}.recordSortHeader,.recordRow{grid-template-columns:minmax(0,1.6fr) minmax(100px,1fr) 72px 12px;gap:12px}.recordSortRuntimeLabel,.recordRuntime{display:none}}@media (width<=620px){.bookIndexActions{flex-wrap:wrap;justify-content:flex-end;gap:10px 16px}.bookRow{grid-template-columns:minmax(0,1fr) auto 12px;grid-template-areas:"title year arrow""author year arrow";row-gap:4px;padding-block:10px}.bookTitle{grid-area:title}.bookAuthor{grid-area:author}.bookPublicationDate{grid-area:year}.bookArrow{grid-area:arrow}.bookCoverFallback{padding:12px}.bookCoverFallbackTitle{font-size:clamp(16px,5vw,24px)}.filmSortDirector,.filmSortRuntime,.filmSortRelease{display:inline-flex}.filmReleaseDate,.filmDirector,.filmRuntime{display:none}.filmIndexActions{flex-direction:column;align-items:flex-end;gap:8px}.filmPosterTitle{font-size:clamp(16px,5vw,22px)}.filmList[data-film-list-view=posters] .filmPosterVisual{padding:10px}.recordSortAlbumLabel,.recordSortRuntimeLabel{display:none}.recordSortArtist,.recordSortYear{flex:none;display:inline-flex}.recordReleaseDate,.recordArtist,.recordRuntime{display:none}}