.container.svelte-11q5ufj.svelte-11q5ufj{position:relative;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e)}.main.svelte-11q5ufj.svelte-11q5ufj{position:relative;padding-top:96px;padding-left:16px;padding-right:16px}.page-title.svelte-11q5ufj.svelte-11q5ufj{font-size:1.5rem;font-weight:700;margin-bottom:24px;background:linear-gradient(45deg,#fff,#e50914);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:svelte-11q5ufj-gradient-shift 4s ease infinite}@keyframes svelte-11q5ufj-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.grid.svelte-11q5ufj.svelte-11q5ufj{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.movie-card.svelte-11q5ufj.svelte-11q5ufj{position:relative;height:256px;border-radius:8px;overflow:hidden;transition:all .3s ease;background:linear-gradient(45deg,#e509141a,#ff6b6b1a);border:1px solid rgba(255,255,255,.1)}.movie-card.svelte-11q5ufj.svelte-11q5ufj:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 15px 35px #e509144d;border-color:#e5091480}.movie-image.svelte-11q5ufj.svelte-11q5ufj{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.movie-card.svelte-11q5ufj:hover .movie-image.svelte-11q5ufj{transform:scale(1.1)}.overlay.svelte-11q5ufj.svelte-11q5ufj{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.8) 100%);opacity:0;transition:opacity .3s ease}.movie-card.svelte-11q5ufj:hover .overlay.svelte-11q5ufj{opacity:1}.remove-button.svelte-11q5ufj.svelte-11q5ufj{position:absolute;top:8px;right:8px;background:#80808099;color:#fff;border:none;border-radius:50%;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);opacity:0;transform:scale(.8)}.movie-card.svelte-11q5ufj:hover .remove-button.svelte-11q5ufj{opacity:1;transform:scale(1)}.remove-button.svelte-11q5ufj.svelte-11q5ufj:hover{background:#e50914cc;border-color:#e5091480;transform:scale(1.1)}.content.svelte-11q5ufj.svelte-11q5ufj{position:absolute;bottom:0;width:100%;padding:16px;opacity:0;transform:translateY(10px);transition:all .3s ease}.movie-card.svelte-11q5ufj:hover .content.svelte-11q5ufj{opacity:1;transform:translateY(0)}.title.svelte-11q5ufj.svelte-11q5ufj{font-size:1rem;font-weight:600;color:#fff;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions.svelte-11q5ufj.svelte-11q5ufj{display:flex;gap:8px}.play-button.svelte-11q5ufj.svelte-11q5ufj{background:linear-gradient(45deg,#fff,#f0f0f0);color:#000;border:none;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:4px;text-decoration:none;cursor:pointer;transition:all .3s ease}.play-button.svelte-11q5ufj.svelte-11q5ufj:hover{transform:translateY(-1px);background:linear-gradient(45deg,#f0f0f0,#e0e0e0)}.info-button.svelte-11q5ufj.svelte-11q5ufj{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);padding:8px 12px;border-radius:6px;font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .3s ease}.info-button.svelte-11q5ufj.svelte-11q5ufj:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-1px)}.play-icon.svelte-11q5ufj.svelte-11q5ufj,.remove-icon.svelte-11q5ufj.svelte-11q5ufj{width:12px;height:12px}.empty-container.svelte-11q5ufj.svelte-11q5ufj{text-align:center;padding:40px 0}.empty-title.svelte-11q5ufj.svelte-11q5ufj{font-size:1.125rem;color:#fff9;margin-bottom:16px}.empty-message.svelte-11q5ufj.svelte-11q5ufj{color:#ffffff80}@media (min-width: 480px){.grid.svelte-11q5ufj.svelte-11q5ufj{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.main.svelte-11q5ufj.svelte-11q5ufj{padding-left:64px;padding-right:64px}.page-title.svelte-11q5ufj.svelte-11q5ufj{font-size:2rem}.grid.svelte-11q5ufj.svelte-11q5ufj{grid-template-columns:repeat(4,1fr);gap:24px}.title.svelte-11q5ufj.svelte-11q5ufj{font-size:1.125rem}}@media (min-width: 1024px){.grid.svelte-11q5ufj.svelte-11q5ufj{grid-template-columns:repeat(5,1fr)}}