:root{color:#f7f1e8;background:#10151b;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#273246,#10151b 42rem)}button,input{font:inherit}button{border:0;border-radius:.45rem;padding:.72rem 1rem;background:#e6b15a;color:#151920;cursor:pointer;font-weight:700}button:disabled{cursor:wait;opacity:.65}input{min-width:0;border:1px solid #4b5668;border-radius:.45rem;background:#1c232d;color:inherit;padding:.9rem 1rem}main{width:min(100% - 2rem,1440px);margin:0 auto;padding:1.5rem 0 4rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.25rem,5vw,4.8rem);letter-spacing:-.04em;line-height:.98;margin-bottom:1rem}h2{font-size:1.45rem}.eyebrow{color:#e6b15a;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.message{margin:1rem 0;color:#d8d5cf}.secondary{border:1px solid #667285;background:transparent;color:#f7f1e8}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:2.5rem}.brand{justify-self:start;padding:0;color:#f7f1e8;background:transparent;font-size:1.3rem;letter-spacing:.12em}nav{display:flex;gap:.35rem;padding:.3rem;border:1px solid #354151;border-radius:.6rem;background:#171e27}nav button{background:transparent;color:#b5becc;padding:.45rem .75rem}nav button.active{color:#161a20;background:#e6b15a}.account{display:flex;justify-content:end;align-items:center;gap:.8rem;color:#b5becc;font-size:.9rem}.hero{max-width:750px;padding:clamp(1.5rem,4vw,4rem) 0 2rem}.hero>p:not(.eyebrow){max-width:600px;color:#c7c9cf;font-size:1.1rem;line-height:1.5}.cache-date{color:#98a2af;font-size:.85rem}.media-row{margin-top:3rem}.media-row h2{margin-bottom:1rem}.media-scroller{display:grid;grid-auto-columns:minmax(160px,190px);grid-auto-flow:column;gap:.9rem;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:.75rem;scroll-snap-type:inline mandatory}.media-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #2f3947;border-radius:.7rem;background:#18202a;scroll-snap-align:start}.poster{position:relative;aspect-ratio:2 / 3;background:#283342}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#aeb6c1;font-size:.85rem}.media-type{position:absolute;top:.55rem;left:.55rem;padding:.25rem .45rem;border-radius:.25rem;background:#0c1016d1;color:#f7f1e8;font-size:.7rem;font-weight:700}.media-copy{display:flex;flex:1;flex-direction:column;padding:.8rem}.media-copy h3{margin-bottom:.25rem;font-size:.95rem;line-height:1.25}.media-copy p{margin-bottom:.6rem;color:#acb5c0;font-size:.8rem}.media-copy .overview{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.35}.media-copy button{width:100%;margin-top:auto;padding:.55rem .6rem;font-size:.82rem}.search-view{max-width:1100px}.search-intro{margin-top:4rem}.search-form{display:flex;gap:.75rem;max-width:700px}.search-form input{flex:1}.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin-top:2rem}.search-result{overflow:hidden;border:1px solid #2f3947;border-radius:.65rem;background:#18202a}.search-result img{width:100%;aspect-ratio:2 / 3;display:block;object-fit:cover}.search-result>div{padding:.8rem}.search-result h2{min-height:2.5em;margin-bottom:.8rem;font-size:1rem}.login{width:min(100%,430px);margin:10vh auto}.login form{display:flex;flex-direction:column;gap:.75rem}@media(max-width:720px){.app-header{grid-template-columns:1fr auto}nav{grid-row:2;grid-column:1 / -1;justify-self:stretch}nav button{flex:1}.account span{display:none}.search-form{flex-direction:column}}