@font-face{font-family:New Spirit Semi Bold;src:url(/assets/New-Spirit-Semi-Bold-C-Ohptg-.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:New Spirit;src:url(/assets/New-Spirit-Bc9Dkr4A.otf) format("opentype");font-weight:400;font-style:normal}:root{font-family:New Spirit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--cream);background-color:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--burgundy: #240D14;--cream: #FFF0EC;--pink: #DA9FA5;--dark-pink: #BA1B52;--blue: #4B73B8;--red: #660421}a{font-weight:500;color:var(--pink);text-decoration:inherit}a:hover{color:var(--red)}body{margin:0;padding:0;min-height:100vh;font-family:inherit;overflow-x:hidden}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--blue)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}header{padding-bottom:2rem}footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--blue);padding:1rem;text-align:center;color:var(--cream)}:root{width:100%;min-height:100vh;position:relative;background-image:linear-gradient(90deg,var(--red) 0%,var(--red) 11.1111111%,var(--pink) 11.1111111%,var(--pink) 22.2222222%,var(--red) 22.2222222%,var(--red) 33.3333333%,var(--pink) 33.3333333%,var(--pink) 44.4444444%,var(--red) 44.4444444%,var(--red) 55.5555555%,var(--pink) 55.5555555%,var(--pink) 66.6666666%,var(--red) 66.6666666%,var(--red) 77.7777777%,var(--pink) 77.7777777%,var(--pink) 88.8888888%,var(--red) 88.8888888%,var(--red) 100%);background-size:cover;background-attachment:fixed}h1{font-family:New Spirit Semi Bold,serif;font-size:3.2em;line-height:1.1;color:var(--pink);-webkit-text-stroke:8.6px var(--cream);text-stroke:6px var(--cream);paint-order:stroke fill}h2{font-family:New Spirit Semi Bold,serif;font-size:1.5em;line-height:1.1;color:var(--burgundy)}.text{margin-left:10%;margin-right:10%;text-align:left;color:var(--pink)}.double-border-card{background-color:var(--cream);padding:16px;margin:16px;border:solid;border-width:1px;border-color:var(--burgundy)}.scallop-border-card{background-color:var(--cream);padding:16px;margin:16px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 885px){#root{padding-left:1em;padding-right:1em}}.film-watchlist-header{text-align:left}.films-list h3{text-align:left;margin-bottom:2rem;font-size:1.2rem}.films-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.film-item{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--cream);border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.film-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.film-poster{position:relative;align-self:center}.film-poster img{width:120px;height:180px;object-fit:cover;border-radius:8px;box-shadow:0 4px 10px #0003}.play-button{position:absolute;bottom:0;right:10px;width:36px;height:36px;border-radius:50%;background:var(--pink);color:var(--cream);border:none;font-size:14px;cursor:pointer;display:flex;transition:all .3s ease}.play-button:hover{background:var(--red);transform:scale(1.1)}.film-header{display:flex;gap:1rem;align-items:flex-start;position:relative}.film-poster-container{flex-shrink:0}.film-info-header{flex:1;display:flex;flex-direction:column;gap:.5rem}.film-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.film-title{margin:0;color:var(--burgundy);font-size:1.2rem;font-weight:600;text-align:left}.film-meta{display:flex;gap:1rem;font-size:.8rem;justify-content:flex-start}.film-year{color:var(--burgundy);font-weight:500}.film-genre{color:var(--blue);font-weight:500}.film-description{color:var(--burgundy);font-size:.9rem;line-height:1.5;margin-bottom:1rem;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.film-watchlist{padding:1rem}.films-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.film-poster img{width:100px;height:150px}.film-watchlist-header h2{font-size:2rem}}
