:root{--bg: #e6f4f1;--surface: #ffffff;--surface-2: #cbe6e1;--text: #1a1838;--muted: #4a5568;--accent: #c92f6e;--on-accent: #ffffff;--heart: #c92f6e;--knob: #ffd96a;--on-knob: #1a1838;--error: #b42318;--font-display: "Syne", "Arial Black", sans-serif;--font-body: "Manrope", system-ui, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #1d1a3a;--surface: #2a2650;--surface-2: #38336a;--text: #f5f2ff;--muted: #b8b1dc;--accent: #ff7aa8;--on-accent: #1d1a3a;--heart: #ff4f8b;--knob: #5ce1e6;--on-knob: #1d1a3a;--error: #ff9b8f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.5;background:var(--bg);color:var(--text);transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:1280px;margin:0 auto;padding:20px clamp(16px,4vw,56px)}.logo{font-family:var(--font-display);font-weight:800;font-size:1.6rem;line-height:1}.header nav{display:flex;align-items:center;gap:12px}.header nav a{padding:10px 20px;border-radius:999px;background:var(--surface);font-weight:700;font-size:.95rem}.header nav a.active{background:var(--accent);color:var(--on-accent)}.count{margin-left:4px;opacity:.75}.theme-toggle{display:flex;align-items:center;width:76px;height:44px;padding:4px;border:none;border-radius:999px;background:var(--surface-2);cursor:pointer}.theme-knob{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--knob);color:var(--on-knob);transition:transform .2s}.theme-toggle[aria-checked=true] .theme-knob{transform:translate(32px)}.container{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,56px) 64px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(32px,6vw,56px) 0 clamp(40px,6vw,64px)}.hero-title{max-width:900px;margin:0 0 32px;font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,7vw,4.5rem);line-height:1;letter-spacing:-.02em}.search-bar{display:flex;align-items:center;gap:12px;width:720px;max-width:100%;height:64px;padding:0 24px;border:2px solid var(--accent);border-radius:999px;background:var(--surface);color:var(--muted);cursor:text}.search-bar:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}.search-bar svg{flex:none}.search-bar input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--text);font:inherit;font-size:1.1rem;outline:none}.search-bar input::placeholder{color:var(--muted)}.section-title,.page-title{font-family:var(--font-display);font-weight:700;line-height:1.1}.section-title{font-size:1.75rem;margin:0 0 24px}.page-title{font-size:clamp(2.4rem,6vw,3.5rem);font-weight:800;margin:40px 0 0}.page-subtitle{color:var(--muted);margin:8px 0 32px}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:32px 28px}@media (max-width: 560px){.movie-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}}.movie-card,.poster{position:relative}.poster img,.no-poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border-radius:18px;background:var(--surface-2)}.no-poster{display:flex;align-items:center;justify-content:center;color:var(--muted)}.rating-pill{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#141028d1;color:#ffd96a;font-size:.875rem;font-weight:700}.poster-link:hover h3{color:var(--accent)}.movie-card h3{font-size:1.05rem;font-weight:700;line-height:1.3;margin:14px 0 0}.movie-card-year{margin:2px 0 0;font-size:.875rem;color:var(--muted)}.fav-button{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:48px;height:48px;border:none;border-radius:50%;background:#14102899;color:#fff;cursor:pointer}.fav-button.is-favorite{background:#fff;color:var(--heart)}.fav-button.is-favorite svg,.secondary-button[aria-pressed=true] svg{animation:pop .3s ease-out}@keyframes pop{50%{transform:scale(1.3)}}.secondary-button,.pagination button{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border:none;border-radius:999px;font-weight:700;cursor:pointer}.secondary-button{background:var(--accent);color:var(--on-accent)}.secondary-button:hover{filter:brightness(1.08)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:56px;color:var(--muted);font-weight:500}.pagination button{background:var(--surface);color:var(--text)}.pagination button:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.spinner{width:44px;height:44px;margin:80px auto;border:5px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message{max-width:46ch;margin:48px auto;text-align:center;color:var(--muted)}.message.error{color:var(--error)}.details{position:relative}.backdrop{position:absolute;top:0;left:50%;width:100vw;height:460px;transform:translate(-50%);background-size:cover;background-position:center 20%;opacity:.4;mask-image:linear-gradient(to bottom,#000 30%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);z-index:-1}.back-link{display:inline-block;margin-top:16px;padding:10px 20px;border-radius:999px;background:var(--surface);font-weight:700}.back-link:hover{color:var(--accent)}.details-content{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(24px,5vw,56px);margin-top:120px}.details-poster{width:300px;max-width:100%;border-radius:18px}.details-text{flex:1;min-width:260px;max-width:680px}.details-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,6vw,4rem);line-height:1;letter-spacing:-.02em;margin:0 0 12px}.tagline{font-size:1.15rem;font-style:italic;color:var(--muted);margin:0 0 16px}.meta{color:var(--muted);margin:0 0 16px}.genres{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.genre{padding:6px 14px;border-radius:999px;background:var(--surface-2);font-size:.85rem;font-weight:700}.overview{font-size:1.05rem;line-height:1.65;margin:0 0 28px}@media (max-width: 640px){.details-content{margin-top:48px}.details-poster{width:200px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}