:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060a;--surface:#0f1118;--surface-alt:#171a23;--border:#ffffff14;--text:#f4f6fb;--muted:#f4f6fba6;--accent:#8ef5ff;--accent-strong:#57c9ff;--accent-hot:#ff9a62;--accent-dim:#728aff;--shadow:0 30px 80px #00000073;font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#8ef5ff26,transparent 55%),radial-gradient(circle at 20% 20%,#ff9a621f,transparent 45%),radial-gradient(circle at bottom,#728aff33,transparent 50%),var(--bg);min-height:100vh;color:var(--text);margin:0;padding:clamp(1rem,2vw,2.5rem)}img{max-width:100%;height:auto;display:block}button,select,input,textarea{font:inherit;color:inherit}main{margin-top:2rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.branding{max-width:650px}.hero-pills{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 .4rem;display:flex}.hero-pill{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.85rem;display:inline-flex}.hero-pill--accent{border-color:var(--accent);color:var(--accent);background:#8ef5ff26}.eyebrow{text-transform:uppercase;letter-spacing:.35em;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}h1{margin:0;font-size:clamp(2.3rem,4vw,3.4rem)}.lead{color:var(--muted);margin-top:.75rem;line-height:1.6}.stats-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1rem 1.5rem;display:grid}.stat{flex-direction:column;gap:.2rem;display:flex}.stat-value{font-size:2rem;font-weight:600}.stat-label{color:var(--muted);font-size:.9rem}.filter-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f1118e6,#171a23f2);border:1px solid #ffffff12;border-radius:1.4rem;flex-direction:column;gap:1.5rem;margin-top:2rem;padding:1.75rem;display:flex;box-shadow:0 40px 120px #00000059}.filter-panel__hero{grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:1.5rem;display:grid}.filter-panel__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.filter-panel__tile{background:radial-gradient(circle at 100% 0,#ff9a6266,#0000 50%),#ffffff08;border:1px solid #ffffff1a;border-radius:1.1rem;flex-direction:column;gap:.5rem;padding:1rem 1.2rem;display:flex;position:relative}.tile-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.tile-body{color:var(--text);margin:0;font-size:.95rem;line-height:1.4}.tile-pill{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(120deg,var(--accent-hot),var(--accent));color:#05131b;border-radius:999px;align-self:flex-start;padding:.25rem .7rem;font-size:.75rem;font-weight:700}.filter label{color:var(--muted);margin-bottom:.35rem;font-size:.9rem;display:block}.filter input,.filter select{border:1px solid var(--border);background:var(--surface-alt);border-radius:.75rem;width:100%;padding:.65rem .85rem;transition:border-color .15s}.filter input:focus,.filter select:focus{border-color:var(--accent-strong);outline:none}.filter--search .search-input{background:#171a23e6;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex}.search-input input{background:0 0;border:none;flex:1;padding:0}.search-input input:focus{border:none}.search-input__icon{font-size:1.2rem}.search-input__hint{background:#ffffff14;border:1px solid #ffffff1f;border-radius:.5rem;margin-left:auto;padding:.2rem .45rem;font-size:.75rem}.filter--channel-id .field-help{color:var(--muted);margin-top:.35rem;font-size:.8rem}.filter--channel-id .field-actions{margin-top:.5rem}.btn-fetch{background:linear-gradient(120deg,var(--accent-strong),var(--accent));color:#05131b;cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.7rem 1rem;font-weight:600;transition:opacity .15s,transform .15s}.btn-fetch:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-fetch:disabled{opacity:.4;cursor:not-allowed}.input-adorned{border:1px solid var(--border);background:var(--surface-alt);border-radius:.85rem;align-items:center;gap:.5rem;padding:.45rem .65rem .45rem .5rem;display:flex}.input-adorned input{background:0 0;border:none;padding:.25rem 0}.input-adorned__prefix{color:var(--accent);font-weight:600}.input-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.input-clear:hover{color:var(--accent)}.filter--actions{align-items:flex-end;display:flex}.filter--actions button{background:linear-gradient(120deg,var(--accent-strong),var(--accent));color:#05131b;cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.85rem;font-weight:600;transition:opacity .15s}.filter--actions button:hover{opacity:.9}.active-filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.active-filters__label{text-transform:uppercase;letter-spacing:.3em;color:var(--muted);font-size:.85rem}.active-filters__chips{flex-wrap:wrap;gap:.6rem;display:flex}.filter-chip{color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.85rem;display:inline-flex}.filter-chip--ghost{color:var(--accent);border-style:dashed}.gallery{margin-top:2rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;display:grid}.gallery-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;min-height:240px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-card button.card-focus{all:unset;cursor:pointer;width:100%;height:100%;display:block;position:relative}.gallery-card button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.gallery-card:hover img{transform:scale(1.05)}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px #00000059}.card-meta{color:#fff;background:linear-gradient(#0000,#000000bf);width:100%;padding:.9rem;position:absolute;bottom:0}.card-channel{text-transform:uppercase;letter-spacing:.2em;opacity:.8;margin:0;font-size:.65rem}.card-caption{margin:.2rem 0 0;font-size:.95rem;font-weight:600}.card-tags{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.card-pill{background:#05060a99;border:1px solid #fff3;border-radius:999px;padding:.2rem .65rem;font-size:.75rem}.empty-state{text-align:center;color:var(--muted);margin-top:2rem}.loading-state,.error-state{text-align:center;min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.lightbox{z-index:20;background:#000000e6;justify-content:center;align-items:center;padding:clamp(1rem,3vw,3rem);display:flex;position:fixed;inset:0}.lightbox-body{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:stretch;gap:1.5rem;width:min(1200px,100%);display:grid}.lightbox img{object-fit:contain;background:#000;border-radius:1rem;width:100%;max-height:80vh}.lightbox-details{background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.detail-channel{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0;font-weight:600}.detail-caption{margin:0;font-size:1.1rem}.detail-meta{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.detail-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.detail-actions a{color:var(--surface);background:var(--accent);border-radius:999px;padding:.6rem 1.1rem;font-weight:600;text-decoration:none}.detail-id-row{align-items:center;gap:.75rem;font-size:.95rem;display:flex}.detail-id-row code{background:#ffffff0d;border-radius:.5rem;padding:.2rem .5rem}.detail-id-copy{color:var(--accent);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:.35rem .9rem}.detail-id-copy:hover{border-color:var(--accent)}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2.5rem;position:absolute;top:1.5rem;right:1.5rem}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:999px;width:3rem;height:3rem;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:clamp(.5rem,3vw,2rem)}.lightbox-nav.next{right:clamp(.5rem,3vw,2rem)}@media (max-width:900px){.lightbox-body,.filter-panel__hero{grid-template-columns:1fr}}@media (max-width:640px){body{padding:1rem}.filter-panel{grid-template-columns:1fr}.lightbox-nav{display:none}}