: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}.async-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.8rem}.spinner-slot{display:grid;width:1.05rem;height:1.05rem;flex:0 0 1.05rem;place-items:center;opacity:0;transition:opacity .12s linear}.spinner-slot--visible{opacity:1}.spinner{width:1.05rem;aspect-ratio:1;flex:0 0 auto;border:3px solid currentColor;border-color:currentColor currentColor transparent;border-radius:50%;animation:nmsp-spinner .8s linear infinite;will-change:transform}@keyframes nmsp-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}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}.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}.search-view{max-width:1100px}.search-intro{margin-top:4rem}.search-form{display:flex;gap:.75rem;max-width:700px}.search-form input{flex:1}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin-top:2rem}.content-card{display:flex;width:100%;flex-direction:column;padding:0;overflow:hidden;border:1px solid #2f3947;border-radius:.7rem;background:#18202a;color:inherit;text-align:left;transition:border-color .16s ease,transform .16s ease}.media-scroller .content-card{scroll-snap-align:start}.content-card:hover,.content-card:focus-visible{border-color:#e6b15a;outline:0;transform:translateY(-.2rem)}.content-poster{position:relative;aspect-ratio:2 / 3;background:#283342}.content-poster img{width:100%;height:100%;object-fit:cover}.content-copy{display:grid;gap:.3rem;padding:.8rem}.content-copy strong{line-height:1.25}.content-copy>span:not(.source-count){color:#acb5c0;font-size:.85rem}.source-count{color:#e6b15a;font-size:.78rem;font-weight:700}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#05080cc7}.content-modal{position:relative;display:grid;grid-template-columns:minmax(150px,30%) 1fr;width:min(100%,850px);max-height:min(90vh,720px);overflow:auto;border:1px solid #3e4c60;border-radius:.85rem;background:#18202a;box-shadow:0 1.5rem 4rem #00000073}.content-modal>img{width:100%;height:100%;min-height:300px;object-fit:cover}.modal-copy{padding:clamp(1.25rem,4vw,2.5rem)}.modal-copy h2{margin-bottom:.35rem;font-size:clamp(1.7rem,4vw,2.8rem)}.modal-close{position:absolute;z-index:1;top:.75rem;right:.75rem;padding:.45rem .65rem;font-size:.78rem}.original-title,.cast p{color:#aeb6c1}.genres{color:#e6b15a;font-weight:700}.modal-overview{color:#d8d5cf;line-height:1.6}.cast{margin-top:1.5rem}.cast h3{margin-bottom:.4rem;font-size:.95rem}.add-library{width:100%;margin-top:1.5rem}.catalog-action{margin-top:1.5rem}.catalog-action .add-library{margin-top:0}.catalog-action-row{display:flex;align-items:stretch;gap:.55rem}.catalog-action-row .add-library{flex:1}.provider-menu{position:relative}.provider-menu summary{display:grid;width:2.8rem;height:100%;min-height:2.75rem;place-items:center;cursor:pointer;list-style:none;border:1px solid #d8b66a;border-radius:.45rem;color:#f3d58d;font-size:1.1rem}.provider-menu summary::-webkit-details-marker{display:none}.provider-menu--disabled{pointer-events:none;opacity:.55}.provider-menu-panel{position:absolute;z-index:2;right:0;bottom:calc(100% + .4rem);display:grid;min-width:12rem;overflow:hidden;border:1px solid #4f5563;border-radius:.45rem;background:#1a1d25;box-shadow:0 .8rem 2rem #00000059}.provider-menu-panel button{border:0;border-radius:0;background:transparent;color:#f2f0eb;text-align:left}.provider-menu-panel button:hover:not(:disabled){background:#303541}.import-status{margin:.65rem 0 0;color:#b9c2ce;font-size:.88rem;line-height:1.4}.import-status--error{color:#ff9d9d}.import-status--unavailable{color:#e6c27d}.library-confirmed{margin:1.5rem 0 0;padding:.8rem 1rem;border:1px solid #3e8c5a;border-radius:.45rem;background:#30724933;color:#9ce4ae;font-weight:800}.library-confirmed-row{display:flex;align-items:center;gap:.5rem}.library-confirmed-row .library-confirmed{margin:0}.catalog-action-enter-active,.catalog-action-leave-active{transition:opacity .22s ease,transform .22s ease}.catalog-action-enter-from,.catalog-action-leave-to{opacity:0;transform:translateY(.4rem)}.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}.content-modal{grid-template-columns:1fr;max-height:94vh}.content-modal>img{min-height:0;max-height:38vh}}