:root{--hcn-bg-main:#ffffff;--hcn-bg-surface:#f8fafc;--hcn-bg-input:#ffffff;--hcn-border:#cbd5e1;--hcn-text-main:#334155;--hcn-text-muted:#64748b;--hcn-accent:#e50914;--hcn-success:#10b981;--hcn-danger:#ef4444;--hcn-radius-table:10px;--hcn-radius-sm:4px;--hcn-transition:all 0.15s ease}.hidden,.hcn-results-grid.hidden{display:none!important}.hcn-search-wrapper{display:flex;flex-direction:column;gap:0;font-family:inter,sans-serif;width:100%;background-color:var(--hcn-bg-main);color:var(--hcn-text-main);border:1px solid var(--hcn-border)!important;border-radius:var(--hcn-radius-table)!important;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,4%)!important;box-sizing:border-box;margin-bottom:35px!important}.hcn-search-wrapper *,.hcn-search-wrapper *::before,.hcn-search-wrapper *::after{box-sizing:border-box}.hcn-search-box-container{padding:14px 16px!important;background:var(--hcn-bg-main);border-bottom:1px solid #e2e8f0!important}.hcn-search-box{position:relative!important;display:flex!important;align-items:center!important;width:100%}.hcn-search-icon{position:absolute!important;left:14px!important;font-size:16px!important;color:var(--hcn-text-muted)!important;pointer-events:none!important;z-index:2}.hcn-search-box input{width:100%!important;padding:10px 14px 10px 40px!important;font-size:14px!important;border:1px solid var(--hcn-border)!important;border-radius:var(--hcn-radius-sm)!important;background:var(--hcn-bg-input)!important;color:var(--hcn-text-main)!important;transition:var(--hcn-transition)!important;position:relative;z-index:1}.hcn-search-box input:focus{border-color:var(--hcn-accent)!important;outline:none!important}.hcn-input{width:100%;padding:6px 8px;border-radius:4px;border:1px solid #ccc;background:#fff}.hcn-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:12px 16px!important;background:var(--hcn-bg-surface);border-bottom:1px solid #e2e8f0!important}.hcn-filter-group{display:flex;flex-direction:column;gap:4px}.hcn-filter-group label{font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:var(--hcn-text-muted)!important}.hcn-filter-group select{width:100%!important;padding:6px 10px!important;font-size:13px!important;border:1px solid var(--hcn-border)!important;border-radius:var(--hcn-radius-sm)!important;background:var(--hcn-bg-input)!important;color:var(--hcn-text-main)!important;cursor:pointer!important;transition:var(--hcn-transition)!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px!important}.hcn-genre-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;background:var(--hcn-bg-surface)!important}.hcn-genre-column{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px 16px!important;background:var(--hcn-bg-surface)!important;position:relative!important}.hcn-genre-column:first-of-type{border-right:1px solid #e2e8f0!important}.hcn-genre-row-top{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;position:relative!important}.hcn-genre-header{font-size:11px!important;font-weight:700!important;color:var(--hcn-text-muted)!important;text-transform:uppercase!important;letter-spacing:.02em!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}.hcn-genre-column:first-of-type .hcn-genre-header::before{content:"";width:6px;height:6px;background:var(--hcn-success);border-radius:50%}.hcn-genre-column:last-of-type .hcn-genre-header::before{content:"";width:6px;height:6px;background:var(--hcn-danger);border-radius:50%}button.hcn-btn-small,.hcn-btn-small{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important;font-family:inter,sans-serif!important;line-height:1!important;height:22px!important;text-transform:none!important;border:1px solid var(--hcn-border)!important;background:#fff!important;color:var(--hcn-text-main)!important;border-radius:var(--hcn-radius-sm)!important;box-shadow:0 1px 2px rgba(0,0,0,5%)!important;cursor:pointer!important;margin:0!important;transition:var(--hcn-transition)!important}button.hcn-btn-small:hover,.hcn-btn-small:hover{background:#f1f5f9!important;border-color:var(--hcn-text-muted)!important}.hcn-genre-tags-container{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;padding:0!important;margin:0!important}.hcn-tag{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:3px 8px!important;border-radius:4px!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important}.hcn-genre-column:first-of-type .hcn-tag{background:#e6f4ea!important;color:#137333!important;border:1px solid #ceead6!important}.hcn-genre-column:last-of-type .hcn-tag{background:#fce8e6!important;color:#c5221f!important;border:1px solid #fad2cf!important}.hcn-dropdown{position:absolute!important;top:26px!important;left:145px!important;width:220px!important;max-height:200px!important;overflow-y:auto!important;background:var(--hcn-bg-main)!important;border:1px solid var(--hcn-border)!important;border-radius:var(--hcn-radius-sm)!important;padding:4px!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important;z-index:99999!important;box-sizing:border-box!important}.hcn-dropdown-item{padding:6px 10px!important;font-size:12px!important;font-weight:500!important;color:var(--hcn-text-main)!important;cursor:pointer!important;border-radius:var(--hcn-radius-sm)!important;transition:var(--hcn-transition)!important;display:flex!important;align-items:center!important;background:0 0!important}.hcn-dropdown-item:hover{background:var(--hcn-bg-surface)!important;color:var(--hcn-accent)!important}.hcn-dropdown::-webkit-scrollbar{width:5px!important}.hcn-dropdown::-webkit-scrollbar-track{background:0 0!important}.hcn-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:4px!important}.hcn-results-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:16px!important;background:#fff!important;padding:20px!important;border:1px solid var(--hcn-border)!important;border-radius:var(--hcn-radius-table)!important;box-shadow:0 4px 16px rgba(0,0,0,3%)!important;box-sizing:border-box!important}.hcn-netflix-item{position:relative!important;width:100%;aspect-ratio:2/3;border-radius:6px!important;overflow:hidden!important;background:#1a1c23!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 6px rgba(0,0,0,5%)!important;cursor:pointer;transition:transform .22s cubic-bezier(.2,1,.2,1),border-color .22s ease,box-shadow .22s ease!important}.hcn-netflix-item:hover{transform:translateY(-4px)!important;background:#2e3241!important;border-color:#fa5403!important;box-shadow:0 8px 16px rgba(0,0,0,.12)!important}.hcn-netflix-item img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease,opacity .2s ease!important}.hcn-netflix-item:hover img{transform:scale(1.03)!important;opacity:.9!important}.hcn-netflix-title{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;background:linear-gradient(to top,rgba(10,11,14,.85) 0%,rgba(10,11,14,.4) 70%,rgba(10,11,14,0) 100%)!important;padding:20px 10px 10px!important;margin:0!important;font-size:11px!important;font-weight:600!important;color:#fff!important;line-height:1.3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important;box-sizing:border-box}.hcn-load-more-btn{display:block;margin:25px auto 10px;padding:8px 18px;font-size:13px;font-weight:600;border:1px solid var(--hcn-border);background:var(--hcn-bg-surface);color:var(--hcn-text-main);border-radius:var(--hcn-radius-sm);cursor:pointer;transition:var(--hcn-transition)}.hcn-load-more-btn:hover{background:var(--hcn-accent);border-color:var(--hcn-accent);color:#fff}@media(max-width:600px){.hcn-filter-bar{grid-template-columns:1fr}.hcn-genre-section{grid-template-columns:1fr}.hcn-genre-column:first-of-type{border-right:none!important;border-bottom:1px solid #e2e8f0!important}.hcn-dropdown{left:16px!important;width:calc(100% - 32px)!important}.hcn-results-grid{padding:12px!important}}.hcn-order-field{padding:14px 16px!important;background:var(--hcn-bg-surface)!important;border-bottom:1px solid #e2e8f0!important}.hcn-results-grid:empty,.hcn-results-grid:not(:has(.hcn-netflix-item)),.hcn-results-grid.hidden{display:none!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}