:root{--bg: #ffffff;--text: #111827;--muted: #6b7280;--card: #f8fafc;--border: #e5e7eb;--accent: #2563eb;--ring: rgba(37, 99, 235, .25);--btn-bg: #f3f4f6;--btn-text: #111827;--btn-border: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .18);--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px}:root[data-theme=dark]{--bg: #0b0d10;--text: #e6eaf2;--muted: #9aa3b2;--card: #141821;--border: #2a3140;--accent: #5eead4;--ring: rgba(94, 234, 212, .28);--btn-bg: #1b222e;--btn-text: #e6eaf2;--btn-border: #2a3140}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color-scheme:light dark}:root[data-theme=dark] body{background:linear-gradient(180deg,#0b0d10,#141821 60%,#0b0d10)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;left:8px;top:8px;transform:translateY(-150%);background:var(--card);color:var(--text);border:2px solid var(--accent);border-radius:10px;padding:8px 12px;z-index:1001;box-shadow:var(--shadow-sm)}.skip-link:focus{transform:translateY(0)}:where(a,button,[role=button],input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:2px}:where(:not(a,button,[role=button],input,select,textarea)):focus-visible{outline:none}#main,#main:focus,#main:focus-visible,#main:focus-within{outline:none;box-shadow:none;border:0}.container{width:min(1100px,92%);margin-inline:auto}.site-header{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;text-align:center;gap:16px;padding:60px 0 40px;border-bottom:1px solid var(--border)}.header-inner h1{font-size:clamp(28px,5vw,48px);margin:0 0 8px;letter-spacing:.3px}.accent{color:var(--accent)}.tagline{margin:0 0 18px;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 6px}.site-footer{border-top:1px solid var(--border);padding:16px 0 28px;color:var(--muted);text-align:center}.search-wrap{position:relative;display:flex;align-items:center;gap:8px;width:100%}#search{width:100%;padding:14px 44px 14px 14px;border-radius:14px;background:var(--card);border:1px solid var(--border);color:var(--text);transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:var(--shadow-sm);caret-color:var(--accent)}#search::-webkit-search-cancel-button{display:none;-webkit-appearance:none}#search:focus{border-color:var(--accent);box-shadow:0 0 0 6px var(--ring)}#search::placeholder{color:#9aa3b2}@supports (color: color-mix(in srgb,white,black)){#search::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}}#clearBtn{position:absolute;right:8px;background:transparent;border:0;color:var(--muted);font-size:18px;cursor:pointer;padding:6px 8px;border-radius:10px;min-width:36px;min-height:36px}@media(hover:hover){#clearBtn:hover{color:var(--text);background:#0000000f}:root[data-theme=dark] #clearBtn:hover{background:#ffffff0f}}.helper{color:var(--muted);font-size:var(--fs-14);margin:10px 0 0}.btn{font:inherit;padding:8px 12px;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--shadow-sm);cursor:pointer}.load-more-wrap{display:flex;justify-content:center;margin:8px 0 40px}.status{margin:18px 0;min-height:24px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding-bottom:40px}.card{background:var(--card);border:0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-button,.card-button:hover{text-decoration:none}.poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;background:#111}:root[data-theme=dark] .poster{background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0f1217}.card-body{padding:12px;display:flex;flex-direction:column;gap:6px}.title{font-size:var(--fs-15);line-height:1.25;margin:0}.meta{color:var(--muted);font-size:var(--fs-13);display:flex;gap:10px;align-items:center;margin:0}.card--static,.card--static:hover{box-shadow:none;transform:none;border-color:transparent}.brand{display:inline-flex;gap:10px;align-items:center;margin:0 0 8px}.logo-box{width:48px;height:48px;position:relative;display:inline-block;vertical-align:middle}.logo-box .logo-img{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;opacity:0;display:block;object-fit:contain}.logo-box .logo-img.is-active{opacity:1}.logo-box .logo-img:is(.is-active,:first-child){opacity:1}#main,#main:focus,#main:focus-visible,#main:focus-within,.results-shell,.results-shell:before,.results-shell:after,#results,#results:before,#results:after{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}