:root{--font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--text-size: 16px;--line: 1.5;--radius: .5rem;--space: 1rem;--bg: #ffffff;--text: #213547;--muted: rgba(33, 53, 71, .7);--surface: #f6f6f6;--border: rgba(33, 53, 71, .15);--link: #646cff;--link-hover: #747bff;--btn-bg: #f9f9f9;--btn-border: transparent;--btn-border-hover: #646cff;--accent: #646cff;--accent-contrast: #ffffff;--danger: #ff4d4f;--success: #2ecc71;--warning: #f1c40f;--shadow: 0 6px 20px rgba(0,0,0,.25)}html{font-size:var(--text-size)}body{margin:0;min-height:100vh;font-family:var(--font-sans);line-height:var(--line);color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{color:var(--link);text-decoration:none;font-weight:500}a:hover{color:var(--link-hover)}h1{font-size:2rem;line-height:1.2;margin:0}button{border-radius:var(--radius);border:1px solid var(--btn-border);padding:.6rem 1.2rem;font-size:1rem;font-weight:500;font-family:inherit;background:var(--btn-bg);color:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--btn-border-hover)}button:focus-visible{outline:3px solid var(--link);outline-offset:2px}.main-container{flex:1;width:100%;padding:calc(var(--space) * 2);display:flex;flex-direction:column;gap:var(--space)}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;width:100%;max-width:300px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;height:100%}.content-card:hover{transform:translateY(-5px)}.content-poster{position:relative}.content-poster img{width:100%;display:block;aspect-ratio:2 / 3;object-fit:cover;border-bottom:1px solid var(--border)}.favorite-btn{position:absolute;top:.75rem;right:.75rem;width:3rem;height:3rem;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:transform .15s ease,border-color .2s ease;justify-content:center}.favorite-btn:hover{border-color:var(--btn-border-hover);transform:scale(1.05)}.favorite-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.content-info{flex:1;padding:var(--space);display:flex;flex-direction:column;gap:calc(var(--space) / 2)}.content-title{font-size:1.1rem;font-weight:600;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.content-release_year{font-size:1rem;color:var(--muted);font-weight:500;margin-top:auto}.Home{width:100%;max-width:1200px;margin:0 auto;padding:calc(var(--space) * 2);display:flex;flex-direction:column;gap:calc(var(--space) * 2)}.search-form{display:flex;gap:var(--space);align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:calc(var(--space) * .75);box-shadow:var(--shadow);max-width:720px;width:100%;margin:0 auto}.search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:1rem;padding:.75rem 1rem}.search-input::placeholder{color:var(--muted)}.search-button{background:var(--accent);color:var(--accent-contrast);border:1px solid transparent;border-radius:999px;padding:.75rem 1rem;font-weight:600;cursor:pointer;transition:filter .2s ease,transform .1s ease}.search-button:hover{filter:brightness(1.05)}.search-button:active{transform:scale(.98)}.search-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.content-grid{display:grid;gap:calc(var(--space) * 1.5);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:start}.content-grid .content-card{width:100%}@media(max-width:520px){.Home{padding:var(--space)}.search-form{border-radius:var(--radius);flex-direction:column;align-items:stretch}.search-button{width:100%}}.nav-bar{background:var(--surface);padding:var(--space);display:flex;gap:calc(var(--space) * 2);justify-content:center;align-items:center;border-radius:999px;width:fit-content;margin:1rem auto 0;box-shadow:var(--shadow);border:1px solid var(--border);font-weight:600;font-size:1.1rem}.nav-logo a{color:var(--text);text-decoration:none;font-weight:700;padding:var(--space);border-radius:999px}.nav-logo a:hover{background:transparent;color:var(--accent)}.nav-links{display:flex;gap:var(--space)}.nav-link{color:var(--text);text-decoration:none;padding:var(--space);border-radius:999px;transition:background-color .25s ease,color .25s ease}.nav-link:hover,.nav-link:focus-visible{background:var(--accent);color:var(--accent-contrast);outline:none}.nav-link.active{background:var(--accent);color:var(--accent-contrast)}