:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#d4dadc;background:#111518}
*{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased}
main{max-width:790px;margin:clamp(48px,13vh,145px) auto 60px;padding:0 28px}
header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:33px}
h1{font-size:27px;line-height:1.2;font-weight:450;letter-spacing:-.6px;margin:0}
.scene-count{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#75858a}
.scene-list{list-style:none;padding:0;margin:0;border-top:1px solid #293237}
.scene-list>li{border-bottom:1px solid #293237}
.scene-link{display:flex;align-items:center;gap:25px;padding:23px 0;color:inherit;text-decoration:none;transition:background .15s}
.scene-link:focus-visible{outline:2px solid #98acb2;outline-offset:5px}
.scene-link:hover .scene-title{color:#f0f3f3}
.scene-link:hover .arrow{color:#d4dadc;transform:translateX(3px)}
.scene-thumbnail{width:176px;height:110px;object-fit:cover;border-radius:3px;background:#0b1114;filter:brightness(.92)}
.scene-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.scene-title{font-size:15px;font-weight:450;color:#bfcdd1;transition:color .15s}
.scene-description{font-size:11px;line-height:1.65;color:#71858c}
.arrow{font-size:18px;color:#61777f;transition:color .15s,transform .15s;margin-right:4px}
footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.7;color:#73878e;margin-top:25px}
footer a{color:inherit;text-decoration:none}footer a:hover{color:#c6d3d8}
@media(max-width:580px){main{margin-top:56px;padding:0 22px}header{margin-bottom:26px}h1{font-size:25px}.scene-link{gap:17px;padding:20px 0}.scene-thumbnail{width:116px;height:90px}.scene-title{font-size:13px}.scene-description{font-size:10px}.arrow{font-size:15px;margin-right:0}.scene-info{gap:7px}}
@media(max-width:360px){main{padding:0 17px}.scene-thumbnail{width:94px;height:80px}.scene-link{gap:13px}.scene-description{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}