:root{--bg:#0e0e10;--chip-bg:#26262b;--chip-fg:#c9c9d1;--accent:#6c5ce7}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.tagbar{z-index:10;background:var(--bg);align-items:flex-start;gap:8px;padding:12px 24px;display:flex;position:sticky;top:0}.chips{flex-wrap:wrap;flex:1;gap:8px;max-height:30px;transition:max-height .25s;display:flex;overflow:hidden}.tagbar.expanded .chips{max-height:60vh;overflow-y:auto}.tagbar-side{flex:none;gap:8px;display:flex}.chip{background:var(--chip-bg);height:30px;color:var(--chip-fg);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:15px;flex:none;padding:0 13px;font:13px/30px inherit}.chip:hover{background:#333339}.chip.active{background:var(--accent);color:#fff}.chip.reset{background:0 0;border:1px solid #3a3a41;line-height:28px}.chip.reset:hover{color:#fff;border-color:#55555e}main{padding:8px 24px 24px}.grid{position:relative}.grid-row{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid;position:absolute;top:0;left:0}.card{cursor:pointer;contain:content;background:#17171b;border-radius:8px;transition:transform .15s;position:relative;overflow:hidden}.card:not(.ready){background-image:linear-gradient(100deg,#17171b 40%,#22222a 50%,#17171b 60%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.card:hover{z-index:2;transform:scale(1.02)}.poster,.card video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card video{opacity:0;transition:opacity .2s}.card video.on{opacity:1}.review{opacity:0;pointer-events:none;background:#0e0e10c7;border-radius:4px;padding:3px 9px;font-size:12px;line-height:18px;transition:opacity .15s;position:absolute;top:10px;left:10px}.card:hover .review{opacity:1}.review.positive{color:#66c0f4}.review.mixed{color:#e4b33b}.review.negative{color:#e46e6e}.review.none{color:#9aa0a6}.scrub{opacity:0;align-items:flex-end;height:24px;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.card:hover .scrub{opacity:1}.scrub-track{background:#ffffff59;width:100%;height:5px;transition:height .1s}.scrub:hover .scrub-track{height:8px}.scrub-fill{background:#fff;width:0;height:100%;position:relative;box-shadow:0 0 6px #0009}.loader{justify-content:center;align-items:center;gap:9px;padding:30px 0 10px;display:flex}.loader span{background:#4a4a55;border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite pulse}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}.boot{justify-content:center;align-items:center;height:100vh;display:flex}.endcap{text-align:center;letter-spacing:.04em;color:#55555f;-webkit-user-select:none;user-select:none;padding:36px 0 16px;font-size:13px}.scrub-fill:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:-7px;transform:translateY(-50%);box-shadow:0 1px 4px #000000b3}