.browse-shell{max-width:1100px;margin-inline:auto;padding:28px 24px 44px;color:var(--ink,#103b37)}.browse-hub{max-width:920px;padding-block:32px 42px}.browse-heading{margin-bottom:24px;text-align:center}.browse-eyebrow{font-size:11px;color:#9b742e;letter-spacing:.02em}.browse-heading h1,.browse-toolbar h1,.browse-empty h1{font-size:clamp(24px,3vw,32px);line-height:1.6;margin:4px 0 8px;font-weight:800}.browse-heading p,.browse-toolbar p{font-size:13px;line-height:1.9;color:var(--muted,#66746e);margin:0}.browse-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.browse-section{display:flex;align-items:center;gap:16px;min-height:96px;padding:20px;border:1px solid #dedfd5;border-radius:16px;text-decoration:none;background:linear-gradient(120deg,rgba(255,255,255,.6),rgba(234,224,198,.15));transition:border-color .18s,background .18s,transform .18s}.browse-section:nth-child(5){grid-column:1/-1}.browse-section-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #e6d7b4;background:#f3ebd9;color:#926b26;border-radius:13px}.browse-section-icon svg{width:24px;height:24px}.browse-section-copy,.browse-entry-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.browse-section-copy strong{font-size:17px;font-weight:750}.browse-section-copy>span{font-size:11px;color:var(--muted,#687770)}.browse-arrow{flex-shrink:0;font-size:21px;color:#a58848}.browse-chart-link{background:#113c33;border-color:#244b40;color:#fff}.browse-chart-link .browse-section-copy>span{color:#d0dcd4}.browse-chart-link .browse-section-icon{background:#ffffff08;border-color:#9a7c42;color:#e3bf74}.browse-section:hover,.browse-entry:hover{border-color:#b4985b;transform:translateY(-2px)}.browse-section:focus-visible,.browse-entry:focus-visible,.browse-kinds a:focus-visible,.browse-search :focus-visible{outline:3px solid #b28b3e;outline-offset:4px}.browse-footnote{margin:20px 0 0;text-align:center;font-size:11px;line-height:2;color:var(--muted,#65716b)}.browse-footnote a{text-decoration:underline;text-underline-offset:4px}.browse-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:11px;color:var(--muted,#65716b)}.browse-breadcrumb a{text-decoration:none}.browse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.browse-toolbar h1{font-size:26px;margin:0 0 2px}.browse-search{display:flex;align-items:center;flex:0 1 350px;min-width:0;border:1px solid #d9ddd3;border-radius:12px;background:rgba(255,255,255,.35);overflow:hidden}.browse-search input{width:100%;min-width:0;height:44px;border:0;background:transparent;padding:10px 14px;color:inherit;font:inherit;font-size:12px;box-shadow:none}.browse-search button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer}.browse-search button svg{width:19px;height:19px}.browse-query{font-size:12px;margin:0 0 18px}.browse-query a{margin-inline-start:14px;text-decoration:underline}.browse-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.browse-entry{display:flex;align-items:center;gap:12px;min-height:94px;padding:14px;border:1px solid #dfe1d8;border-radius:14px;text-decoration:none;transition:border-color .18s,transform .18s;background:rgba(255,255,255,.25)}.browse-entry-art{position:relative;flex:0 0 54px;height:54px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:#eae8dc;color:#8a6c33}.browse-entry-art img{width:100%;height:100%;object-fit:cover}.browse-portrait{border-radius:50%}.browse-entry-copy strong{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.browse-entry-copy>span{font-size:10px;color:var(--muted,#637169);line-height:1.8}.browse-collections .browse-entry{display:grid;grid-template-columns:1fr auto;padding:0;overflow:hidden;gap:0}.browse-collections .browse-entry-art{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/9;border-radius:0}.browse-collections .browse-entry-art svg{width:40px;height:40px}.browse-collections .browse-entry-copy{padding:14px 16px}.browse-collections .browse-arrow{padding-inline-end:16px}.browse-kinds{display:flex;gap:8px;margin:-8px 0 22px}.browse-kinds a{padding:7px 17px;border:1px solid #d9ddd3;border-radius:999px;font-size:12px;text-decoration:none}.browse-kinds a[aria-current]{background:#153e34;color:white;border-color:#153e34}.browse-chart-note{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:-6px 0 24px;background:#eee7d6;border-radius:12px;font-size:12px;line-height:1.9;color:#665630}.browse-chart-note svg{flex:0 0 22px}.browse-films{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.browse-film{min-width:0;position:relative}.browse-film>.film-card{height:100%}.browse-rank{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#85601e;font-size:14px;font-weight:750;direction:ltr}.browse-rank>span{font-size:10px;letter-spacing:.05em}.browse-empty{grid-column:1/-1;padding:52px 18px;text-align:center;background:rgba(225,226,215,.22);border:1px dashed #d4d9cf;border-radius:16px}.browse-empty h2{font-size:20px;margin:0 0 10px}.browse-empty p{font-size:13px;line-height:2;color:var(--muted,#637169)}.browse-empty a{display:inline-block;margin:10px;padding:10px 16px;border:1px solid #a99462;border-radius:9px;font-size:12px;text-decoration:none}
.dark .browse-section:not(.browse-chart-link),.dark .browse-entry{background:#ffffff04;border-color:#ffffff24}.dark .browse-section-icon,.dark .browse-entry-art{background:#322f23;color:#dfbe79;border-color:#76643e}.dark .browse-chart-note{background:#302e23;color:#decda2}.dark .browse-search{background:#ffffff04;border-color:#ffffff25}.dark .browse-rank{color:#e0bb72}
@media(max-width:1000px){.browse-films{grid-template-columns:repeat(4,minmax(0,1fr))}.browse-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.browse-shell{padding:20px 18px 30px}.browse-heading{text-align:start;margin-bottom:18px}.browse-heading h1{font-size:25px}.browse-heading p{font-size:12px;max-width:34ch}.browse-sections{grid-template-columns:1fr;gap:10px}.browse-section:nth-child(5){grid-column:auto}.browse-section{min-height:78px;padding:14px;gap:13px;border-radius:14px}.browse-section-copy strong{font-size:16px}.browse-section-icon{flex-basis:42px;height:42px;border-radius:12px}.browse-section:hover,.browse-entry:hover{transform:none}.browse-footnote{text-align:start;font-size:10px}.browse-toolbar{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:18px}.browse-toolbar h1{font-size:23px}.browse-search{flex:auto;max-width:none}.browse-directory{gap:10px;grid-template-columns:1fr}.browse-entry{min-height:82px;padding:12px}.browse-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-collections .browse-entry-copy{padding:10px}.browse-collections .browse-entry-copy strong{font-size:12px}.browse-collections .browse-arrow{display:none}.browse-collections .browse-entry{grid-template-columns:1fr}.browse-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.browse-chart-note{font-size:11px;align-items:flex-start}.browse-empty{padding:32px 14px}.browse-breadcrumb{font-size:10px;gap:7px}.browse-rank{font-size:13px}}
@media(prefers-reduced-motion:reduce){.browse-section,.browse-entry{transition:none}}