*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0a;min-height:100vh;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.landing-fullscreen{height:100vh;overflow:hidden}.film-panels{grid-template-columns:1fr 1fr 1fr;height:100%;display:grid}.film-panel{cursor:pointer;display:block;position:relative;overflow:hidden}.film-panel-bg{object-fit:cover;object-position:center;filter:brightness(.85);width:100%;height:100%;transition:transform .6s,filter .4s}.film-panel:hover .film-panel-bg{filter:brightness();transform:scale(1.03)}.film-panel-arrow{color:#ffffffb3;opacity:0;transition:opacity .3s,transform .3s;position:absolute;bottom:32px;left:50%;transform:translate(-50%)translateY(8px)}.film-panel:hover .film-panel-arrow{opacity:1;transform:translate(-50%)translateY(0)}.film-page{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:100vh;display:grid;overflow:hidden}.film-page[data-film=fellowship]{background:linear-gradient(#2a1e08 0%,#120e04 60%,#0a0a0a 100%)}.film-page[data-film=two_towers]{background:linear-gradient(#081020 0%,#040810 60%,#0a0a0a 100%)}.film-page[data-film=return_of_the_king]{background:linear-gradient(#2a0c04 0%,#120604 60%,#0a0a0a 100%)}.film-header{border-bottom:1px solid #1a1a1a;grid-column:1/-1;align-items:center;gap:16px;padding:16px 24px;display:flex}.film-header a{color:#666;font-size:.85rem}.film-header a:hover{color:#c8a96e}.film-header h1{color:#c8a96e;font-size:1.2rem;font-weight:400}.film-header .diff-count{color:#555;margin-left:auto;font-size:.85rem}.timeline-horizontal{scrollbar-width:none;border-top:1px solid #1a1a1a;position:relative;overflow:auto hidden}.chapter-label{color:#666;white-space:nowrap;pointer-events:none;z-index:1;font-size:.75rem;position:fixed;left:50%;transform:translate(-50%)}.chapter-label-top{bottom:148px}.chapter-label-bottom{bottom:12px}.timeline-horizontal::-webkit-scrollbar{display:none}.timeline-svg-h{height:100%;min-height:170px}.timeline-mark{cursor:pointer;transition:opacity .15s}.timeline-mark:hover{opacity:1!important}.detail-panel{padding:24px;overflow-y:auto}.detail-empty{color:#444;justify-content:center;align-items:center;height:100%;font-size:.9rem;display:flex}.detail-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.type-badge{border-radius:4px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-block}.detail-columns{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.detail-col-header{margin-bottom:16px}.detail-col-header dt{color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.7rem}.detail-col-header dd{color:#ccc;font-size:.85rem}.detail-col-header .chapter{color:#666;margin-top:2px;font-size:.8rem}.detail-hero{aspect-ratio:2.39;object-fit:cover;background:#111;border-radius:6px;width:100%}.detail-hero-empty{aspect-ratio:2.39}.samples-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.samples-grid img{aspect-ratio:2.39;object-fit:cover;background:#111;border-radius:4px;width:100%}.reorder-note{color:#60a5fa;background:#0d1520;border:1px solid #1a2a3a;border-radius:6px;padding:8px 12px;font-size:.8rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}