:root{--site-background: #121212;--site-surface: #181818;--site-accent: #2596be;--site-text: #fff;--site-text-muted: #b0b0b0;--app-background: #0e1114;--app-surface: #171a1f;--app-surface-emphasis: #1f242a;--app-border: rgba(255,255,255,0.08);--app-accent: #2596be;--app-accent-soft: rgba(37,150,190,0.35);--app-text-primary: #f2f4f8;--app-text-secondary: #c5c8ce;--app-link: #f5a97a;--app-link-visited: #c97b4c;--app-radius: 12px;--app-max-width: 1100px;--home-card-shadow: 0 18px 45px rgba(0,0,0,0.28)}.film-list-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:320px minmax(0, 1fr)}.film-list-sidebar{display:grid;gap:1.5rem;position:sticky;top:110px}.film-list-filter{display:flex;flex-direction:column}.film-list-filter__heading{font-size:1.25rem;font-weight:600;letter-spacing:0.08em;margin:0;text-transform:uppercase}.film-list-filter__meta{color:var(--app-text-secondary);font-size:0.85rem;letter-spacing:0.04em;margin:0.35rem 0 1.1rem}.film-list-search{border-radius:var(--app-radius);width:100%;box-sizing:border-box;min-width:0}.film-list-chronology__heading{color:var(--app-link);font-size:1.1rem;font-weight:600;letter-spacing:0.08em;margin:0 0 1rem;text-transform:uppercase}.film-list-chronology__list{max-height:calc(100vh - 320px);overflow-y:auto;padding-right:0.4rem}.film-list-chronology__list::-webkit-scrollbar{width:0.6rem}.film-list-chronology__list::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:999px}.film-list-chronology__list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.18);border-radius:999px}.film-list-chronology__list::-webkit-scrollbar-thumb:hover{background:rgba(37,150,190,0.5)}.chronology-year-group{margin-bottom:1.35rem}.chronology-year-group h4{color:var(--app-link);cursor:pointer;font-size:1.05rem;letter-spacing:0.04em;margin:0 0 0.35rem;text-transform:uppercase;transition:color 0.2s ease}.chronology-year-group h4:hover{color:var(--app-accent)}.chronology-year-group ul{list-style:none;margin:0;padding:0 0 0 0.35rem}.chronology-year-group li{color:rgba(255,255,255,0.55);font-size:0.9rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-list-main{min-width:0}.film-list-content{background:transparent;border:none;box-shadow:none;padding:0}.film-card{background:var(--app-surface-emphasis);border:1px solid rgba(255,255,255,0.08);border-radius:var(--app-radius);box-shadow:0 24px 65px rgba(0,0,0,0.35);margin-bottom:2rem;padding:1.75rem 1.75rem 1.5rem;transition:transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease}.film-card:hover{border-color:rgba(37,150,190,0.75);box-shadow:0 28px 70px rgba(37,150,190,0.2);transform:translateY(-4px)}.film-title-block{align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1rem}.japanese-title-container{max-width:320px}.japanese-title-container h3{font-size:1.4rem;font-weight:500;margin:0}.japanese-title-container h3 a{color:var(--app-link);text-decoration:none}.japanese-title-container h3 a:visited{color:var(--app-link-visited)}.japanese-title-container h3 a:hover{color:var(--app-accent)}.japanese-title-container p{color:var(--app-link);cursor:pointer;font-size:1.05rem;margin:0.35rem 0 0}.japanese-title-container p:hover{color:var(--app-accent)}.english-title-container{flex:1;text-align:center}.english-title-container h2{font-size:clamp(1.6rem, 2.6vw, 2.2rem);font-weight:600;margin:0}.english-title-container h2 a{display:inline-block;font-weight:600;text-decoration:none}.notes-container{background:rgba(255,255,255,0.04);border-radius:calc(var(--app-radius) - 4px);border:1px solid rgba(255,255,255,0.05);margin-bottom:1.25rem;padding:1rem 1.25rem}.notes-container strong{color:var(--app-accent);display:block;letter-spacing:0.05em;margin-bottom:0.5rem;text-transform:uppercase}.notes-container ul{list-style:none;margin:0.35rem 0 0;padding:0}.notes-container li{color:rgba(255,255,255,0.82);line-height:1.6;margin-bottom:0.35rem}.film-details{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}.film-details div{background:rgba(255,255,255,0.03);border-radius:calc(var(--app-radius) - 4px);border:1px solid rgba(255,255,255,0.04);padding:0.85rem 1rem}.film-details strong{color:rgba(255,255,255,0.55);display:block;font-size:0.8rem;letter-spacing:0.08em;margin-bottom:0.4rem;text-transform:uppercase}.film-details span,.film-details a{color:rgba(255,255,255,0.88);font-size:1rem;line-height:1.5}.film-details a{color:var(--app-link);text-decoration:none}.film-details a:visited{color:var(--app-link-visited)}.film-details a:hover{color:var(--app-accent)}.film-card ul{list-style:none;margin:0.35rem 0 0;padding:0}.film-card ul li{color:rgba(255,255,255,0.82);line-height:1.6;margin-bottom:0.35rem}.person-entry{align-items:center;display:flex;flex-wrap:wrap;gap:0.5rem}.person-entry .kanji{color:rgba(255,255,255,0.55);margin-left:0}.icon-group{align-items:center;display:inline-flex;gap:0.55rem}.wiki-link{display:inline-flex;height:20px;width:20px}.wiki-link svg{fill:var(--app-link);height:100%;transition:fill 0.2s ease;width:100%}.wiki-link:hover svg{fill:var(--app-accent)}#film-container p{color:var(--app-text-secondary)}@media (max-width: 1100px){.film-list-grid{grid-template-columns:1fr}.film-list-sidebar{position:relative;top:0}.film-list-chronology__list{max-height:320px}}@media (max-width: 768px){.film-list-grid{gap:1.5rem}.film-title-block{flex-direction:column;align-items:flex-start}}