:root{--bg: #0f0f0f;--bg-surface: #1a1a1a;--bg-hover: #242424;--text: #e0e0e0;--text-muted: #888;--accent: #e5a54b;--accent-hover: #d4943a;--danger: #f44747;--danger-hover: #d32f2f;--success: #6a9955;--border: #2e2e2e;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100dvh}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;font-family:inherit;transition:background .15s}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}input{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;font-size:16px;font-family:inherit;width:100%}input:focus{outline:none;border-color:var(--accent)}.container{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.error{color:var(--danger);font-size:.875rem;padding:.5rem 0}.film-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}@media(min-width:480px){.film-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.film-card{cursor:pointer;position:relative}.film-card .poster{width:100%;aspect-ratio:2 / 3;border-radius:var(--radius);object-fit:cover;background:var(--bg-surface);border:1px solid var(--border);display:block;transition:transform .15s,border-color .15s}.film-card:hover .poster{transform:scale(1.03);border-color:var(--accent)}.film-card .info{padding:.35rem .1rem 0}.film-card .film-title{font-size:.78rem;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.film-card .film-year{font-size:.7rem;color:var(--text-muted)}.film-card .film-rating{font-size:.75rem;color:var(--accent);margin-top:.1rem}.poster-placeholder{width:100%;aspect-ratio:2 / 3;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);max-width:680px;width:100%;max-height:90dvh;overflow-y:auto;padding:1.5rem;position:relative}.modal-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;line-height:1;padding:.25rem}.modal-close:hover{color:var(--text)}.stars{color:var(--accent);letter-spacing:.05em}.overlay.svelte-lqmuci{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;justify-content:flex-end}.panel.svelte-lqmuci{width:340px;max-width:90vw;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border);padding:20px;overflow-y:auto}.panel-header.svelte-lqmuci{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-header.svelte-lqmuci h3:where(.svelte-lqmuci){font-size:16px;margin:0}.close.svelte-lqmuci{background:none;border:none;color:var(--text-muted);padding:4px 10px;font-size:18px;cursor:pointer;border-radius:var(--radius, 8px)}.close.svelte-lqmuci:hover{color:var(--text);background:var(--bg-hover)}.section.svelte-lqmuci{padding-top:16px;border-top:1px solid var(--border)}.nav-btn.svelte-lqmuci{display:block;width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg);color:var(--text);font-size:13px;text-decoration:none;text-align:center;box-sizing:border-box}.nav-btn.svelte-lqmuci:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}nav.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 1rem;background:var(--bg-surface);position:sticky;top:0;z-index:50}.nav-tabs.svelte-12qhfyh{display:flex;gap:0}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-muted);text-decoration:none;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text)}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--accent);border-bottom-color:var(--accent)}.gear-btn.svelte-12qhfyh{background:none;border:none;color:var(--text-muted);padding:6px;cursor:pointer;display:flex;align-items:center;border-radius:var(--radius)}.gear-btn.svelte-12qhfyh:hover{color:var(--text);background:var(--bg-hover)}