.cat-filters{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#141414 80%,#0000);padding:16px 0 12px;position:sticky;top:0}.cat-chips{scrollbar-width:none;gap:8px;padding:12px 0 4px;display:flex;overflow-x:auto}.cat-chips::-webkit-scrollbar{display:none}.cat-chip{color:#bbb;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1c1c1c;border:1px solid #333;border-radius:999px;flex:none;padding:6px 16px;font-size:13px;transition:all .2s}.cat-chip:hover{color:#fff;border-color:#e50914}.cat-chip.active{color:#fff;background:#e50914;border-color:#e50914;font-weight:600;box-shadow:0 4px 14px #e5091466}.cat-chip-select{color:#ccc;border-style:dashed;border-color:#555;align-items:center;display:inline-flex}.cat-chip-select:hover{color:#fff;border-style:solid;border-color:#e50914}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 18px;margin-top:20px;display:grid}.cat-card{cursor:pointer;transition:transform .25s}.cat-card:hover{transform:translateY(-6px)}.cat-poster{aspect-ratio:2/3;background:linear-gradient(160deg,#2a2a2a,#141414);border:1px solid #2a2a2a;border-radius:12px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.cat-card:hover .cat-poster{border-color:#e50914;box-shadow:0 14px 30px #e5091459}.cat-poster img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.cat-card:hover .cat-poster img{transform:scale(1.06)}.cat-badge{color:#faad14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;position:absolute;top:8px;left:8px}.cat-overlay{opacity:0;background:linear-gradient(#0000 35%,#000000eb 100%);flex-direction:column;justify-content:flex-end;gap:8px;padding:12px;transition:opacity .25s;display:flex;position:absolute;inset:0}.cat-card:hover .cat-overlay{opacity:1}.cat-genres{color:#ccc;font-size:11px;line-height:1.4}.cat-play{color:#fff;background:#e50914;border-radius:6px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:600}.cat-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.cat-year{color:#888;margin-top:2px;font-size:12px}.cat-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 16px;display:flex}.cat-genres-grid{flex-wrap:wrap;gap:10px;max-height:60vh;padding:4px 0 8px;display:flex;overflow-y:auto}.cat-genre-item{color:#ddd;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:999px;padding:9px 18px;font-size:13px;line-height:1.3;transition:all .2s}.cat-genre-item:hover{color:#fff;background:#333;border-color:#e50914}.cat-genre-item.active{color:#fff;background:#e50914;border-color:#e50914;font-weight:600;box-shadow:0 4px 16px #e5091473}.cat-genres-modal .ant-modal-content{overflow:hidden;background:#1c1c1c!important;border:1px solid #333!important;border-radius:16px!important;box-shadow:0 20px 50px #0009!important}.cat-genres-modal .ant-modal-header{background:#1c1c1c!important;border-bottom:1px solid #2e2e2e!important;border-radius:16px 16px 0 0!important;padding:18px 24px 14px!important}.cat-genres-modal .ant-modal-title{color:#fff!important;font-size:17px!important;font-weight:600!important}.cat-genres-modal .ant-modal-body{background:#1c1c1c!important;padding:16px 24px 22px!important}.cat-genres-modal .ant-modal-close{color:#888!important;top:16px!important}.cat-genres-modal .ant-modal-close:hover{border-radius:8px;color:#fff!important;background:#333!important}.shelf-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:10px 4px 18px;display:flex;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-card{scroll-snap-align:start;cursor:pointer;flex:0 0 150px;transition:transform .25s}.shelf-card:hover{transform:translateY(-6px)scale(1.04)}.shelf-poster{aspect-ratio:2/3;background:linear-gradient(160deg,#2a2a2a,#141414);border:1px solid #333;border-radius:12px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.shelf-card:hover .shelf-poster{border-color:#e50914;box-shadow:0 12px 28px #e5091459}.shelf-poster img{object-fit:cover;width:100%;height:100%;display:block}.shelf-fallback{color:#e50914;justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;display:flex}.shelf-overlay{opacity:0;color:#fff;background:linear-gradient(#0000 40%,#000000e6 100%);justify-content:center;align-items:flex-end;padding:12px;font-size:12px;font-weight:600;transition:opacity .25s;display:flex;position:absolute;inset:0}.shelf-card:hover .shelf-overlay{opacity:1}.shelf-badge{color:#faad14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:8px;left:8px}.shelf-heart{color:#e50914;filter:drop-shadow(0 2px 4px #0009);font-size:18px;position:absolute;top:8px;right:8px}.shelf-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.shelf-meta{color:#888;margin-top:2px;font-size:12px}.shelf-empty{text-align:center;background:#ffffff05;border:1px dashed #444;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}body,html,#root{background-color:#141414;min-height:100vh;margin:0;padding:0}