:root{--bg:#10141a;--bg-alt:#161b23;--panel:#1b212b;--panel-border:#2a3140;--text:#edeae3;--text-dim:#97a2b4;--text-faint:#57606f;--amber:#f2a93b;--amber-dim:#c98a2c;--teal:#4fd1c5;--tally:#e9573f;--radius:4px;--glow-amber:#f2a93b38;--glow-teal:#4fd1c52e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body), system-ui, -apple-system, sans-serif;min-height:100vh;margin:0;line-height:1.5}body:before{content:"";z-index:0;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"),radial-gradient(#0000 55%,#05070a66 100%);animation:1.2s steps(4,end) infinite grain;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(#0000 0 2px,#00000024 3px,#0000 4px);position:fixed;inset:0}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-2px)}75%{transform:translate(2px,2px)}}.masthead,main,footer,.sprockets{z-index:1;position:relative}a{color:var(--amber)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sprockets{background-image:radial-gradient(circle, var(--bg) 2.5px, transparent 2.6px);background-position:10px;background-size:22px 14px;background-color:var(--bg-alt);height:14px;box-shadow:inset 0 -1px #f2a93b1f}.masthead{background:linear-gradient(180deg, #f2a93b0d, transparent), var(--bg-alt);border-bottom:1px solid var(--panel-border)}.masthead-row{justify-content:space-between;align-items:center;gap:16px;max-width:980px;margin:0 auto;padding:18px 24px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.brand-mark{font-family:var(--font-display), sans-serif;letter-spacing:.02em;color:var(--text);text-shadow:0 0 18px var(--glow-amber);font-size:26px;font-weight:800}.brand-mark span{color:var(--amber);animation:6s linear infinite brandFlicker}@keyframes brandFlicker{0%,92%,to{opacity:1}93%{opacity:.4}95%{opacity:1}96%{opacity:.6}}.brand-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.rec-clock{font-family:var(--font-mono), monospace;color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.rec-dot{background:var(--tally);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 10px #e9573f99}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}main{max-width:980px;margin:0 auto;padding:0 24px 80px}.hero{padding:56px 0 36px}.hero h1{font-family:var(--font-display), sans-serif;letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(105deg, var(--text) 0%, var(--text) 55%, var(--amber) 100%);-webkit-text-fill-color:transparent;max-width:15ch;filter:drop-shadow(0 0 22px var(--glow-amber));-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(34px,5.5vw,58px);font-weight:800;line-height:.98}.hero-rule{background:linear-gradient(90deg, var(--amber), var(--teal));width:64px;height:4px;box-shadow:0 0 12px var(--glow-amber);background-size:200% 100%;margin:0 0 20px;animation:5s ease-in-out infinite ruleSweep}@keyframes ruleSweep{0%,to{background-position:0 0}50%{background-position:100% 0}}.hero p{color:var(--text-dim);max-width:52ch;margin:0;font-size:16px}.panel{background:linear-gradient(180deg, #ffffff06, transparent 36%), var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);margin-bottom:20px;padding:22px 24px;transition:border-color .25s,box-shadow .25s;position:relative}.panel:before,.panel:after{content:"";pointer-events:none;opacity:.85;width:16px;height:16px;position:absolute}.panel:before{border-top:2px solid var(--amber);border-left:2px solid var(--amber);top:-1px;left:-1px}.panel:after{border-bottom:2px solid var(--amber);border-right:2px solid var(--amber);bottom:-1px;right:-1px}.panel-label{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.status-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.on{background:var(--teal);box-shadow:0 0 8px var(--teal);animation:2.4s ease-in-out infinite pulse}.howto{color:var(--text-dim);margin:4px 0 16px;font-size:14px}.howto summary{cursor:pointer;color:var(--amber);font-size:14px;font-weight:500}.howto ol{margin:12px 0 0;padding-left:20px}.howto li{margin-bottom:6px}.howto-lead{color:var(--text-dim);max-width:68ch;margin:0 0 14px;font-size:14px}.key-row{flex-wrap:wrap;gap:10px;display:flex}.key-row input{flex:280px}.field{background:var(--bg-alt);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono), monospace;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--amber-dim);outline:none;box-shadow:0 0 0 3px #f2a93b1f}.field::placeholder{color:var(--text-faint)}select.field option{background:var(--bg-alt);color:var(--text)}.btn{font-family:var(--font-body), sans-serif;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;padding:11px 18px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s,border-color .15s,color .15s,box-shadow .15s}.btn:hover{opacity:.88}.btn:active{opacity:.7;transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, #ffc873, var(--amber));color:#1a1300;box-shadow:0 4px 18px -6px var(--glow-amber);position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:50%;transition:left .4s;position:absolute;top:0;bottom:0;left:-80%;transform:skew(-20deg)}.btn-primary:hover:after{left:130%}.btn-ghost{border-color:var(--panel-border);color:var(--text-dim);background:0 0}.btn-ghost:hover{border-color:var(--amber);color:var(--amber);opacity:1;box-shadow:0 0 14px -6px var(--glow-amber)}.btn:disabled{opacity:.5;cursor:not-allowed}.key-note{color:var(--text-faint);margin-top:10px;font-size:12.5px}.key-error{color:#ff8a73}.key-ok{color:var(--teal)}.query-row{gap:10px;margin-bottom:18px;display:flex}.query-row .field{flex:1;padding:14px 16px;font-size:15px}.query-row .field:focus{border-color:var(--amber)}.try-row{color:var(--text-faint);flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.try-chip{color:var(--amber);cursor:pointer;font-size:12px;font-family:var(--font-body), sans-serif;background:#f2a93b0f;border:1px solid #0000;border-radius:999px;padding:3px 12px;transition:border-color .15s,background .15s,transform .15s}.try-chip:hover{border-color:var(--amber-dim);background:#f2a93b1f;transform:translateY(-1px)}.try-note{color:var(--text-faint);margin:0 0 16px;font-size:12px;font-style:italic}.filters{flex-wrap:wrap;gap:18px;display:flex}.ctrl{flex-direction:column;gap:6px;display:flex}.ctrl-label{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:10.5px}select.field,input[type=date].field{appearance:none;cursor:pointer;min-width:150px}select.field{background-image:linear-gradient(45deg, transparent 50%, var(--text-faint) 50%), linear-gradient(135deg, var(--text-faint) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.search-btn-row{align-items:center;gap:14px;margin-top:20px;display:flex}.scan-dot{background:var(--tally);border-radius:50%;width:8px;height:8px;display:none}.scan-dot.active{animation:.9s ease-in-out infinite pulse,1.8s ease-out infinite scanPing;display:block}@keyframes scanPing{0%{box-shadow:0 0 #e9573f8c}to{box-shadow:0 0 0 14px #e9573f00}}.scan-label{font-family:var(--font-mono), monospace;color:var(--text-faint);font-size:12.5px}.status-line{font-family:var(--font-mono), monospace;border-radius:var(--radius);margin-bottom:20px;padding:12px 16px;font-size:13.5px;display:none}.status-line.show{animation:.25s both slideIn;display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status-line.info{color:var(--teal);box-shadow:0 0 24px -12px var(--glow-teal);background:#4fd1c514;border:1px solid #4fd1c559}.status-line.error{color:#ff8a73;background:#e9573f14;border:1px solid #e9573f66}.results-meta{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:4px 0 16px;font-size:11.5px}.results-meta:before{content:"> ";color:var(--amber)}.empty-state{text-align:center;color:var(--text-faint);border:1px dashed var(--panel-border);border-radius:var(--radius);padding:48px 20px;font-size:14.5px;animation:3.5s ease-in-out infinite emptyPulse}@keyframes emptyPulse{0%,to{border-color:var(--panel-border)}50%{border-color:var(--amber-dim)}}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;display:grid}.card{background:linear-gradient(180deg, #ffffff05, transparent 30%), var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);animation:.45s both cardIn;animation-delay:calc(var(--i,0) * 45ms);flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card:hover{border-color:var(--amber-dim);box-shadow:0 14px 34px -14px #000000b3, 0 0 0 1px var(--glow-amber), 0 0 30px -8px var(--glow-amber);transform:translateY(-4px)}.thumb-wrap{aspect-ratio:16/9;background:var(--bg-alt);position:relative;overflow:hidden}.thumb-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0a0d128c);position:absolute;inset:0}.thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .35s;display:block}.card:hover .thumb-wrap img{filter:saturate(1.15);transform:scale(1.07)}.duration-badge{z-index:1;color:var(--text);font-family:var(--font-mono), monospace;letter-spacing:.02em;background:#10141ae0;border:1px solid #ffffff14;border-radius:3px;padding:2px 6px;font-size:11.5px;position:absolute;bottom:6px;right:6px}.card-body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.source-badge{color:var(--teal);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid #4fd1c55c;border-radius:3px;align-self:flex-start;padding:4px 6px;font-size:10px;line-height:1}.source-badge[data-source=youtube]{color:#ff7a7a;border-color:#ff7a7a66}.source-badge[data-source=dailymotion]{color:#7cb8ff;border-color:#7cb8ff66}.source-badge[data-source=peertube]{color:var(--amber);border-color:#f2a93b66}.source-badge[data-source=archive]{color:#c39be0;border-color:#c39be066}.source-badge[data-source=reddit]{color:#ff9e6d;border-color:#ff9e6d66}.card-channel{color:var(--text-dim);font-size:12.5px}.card-stats{font-family:var(--font-mono), monospace;color:var(--text-faint);margin-top:2px;font-size:11.5px}.card-actions{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;display:flex}.card-actions .btn{text-align:center;flex:calc(50% - 3px);padding:8px 10px;font-size:12.5px}.card-actions a{text-decoration:none}.load-more{margin:26px auto 0;display:block}.site-footer{max-width:980px;color:var(--text-faint);text-align:center;margin:0 auto;padding:30px 24px 60px;font-size:12.5px;line-height:1.6}.footer-note{max-width:600px;margin:0 auto 20px}.footer-credit{margin:0;font-size:11px}.footer-credit a{color:var(--amber);text-decoration:none}.footer-credit a:hover{text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#080a0dd9;justify-content:center;align-items:center;padding:24px;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--panel);border:1px solid var(--amber-dim);border-radius:var(--radius);width:min(860px,100%);box-shadow:0 30px 80px -20px #000c, 0 0 40px -10px var(--glow-amber);padding:16px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both zoomIn}@keyframes zoomIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.modal-head h3{margin:0;font-size:15px;font-weight:600}.modal-source{margin-bottom:8px}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:20px;line-height:1}.modal-close:hover{color:var(--amber)}.modal-frame-wrap{aspect-ratio:16/9;background:#000;border-radius:3px;position:relative;overflow:hidden}.modal-frame-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.modal-fallback{gap:14px;display:grid}.modal-fallback img{aspect-ratio:16/9;object-fit:cover;background:var(--bg-alt);border-radius:3px;width:100%}.modal-fallback .btn{justify-self:start}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--panel-border);border:2px solid var(--bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--amber-dim)}html{scrollbar-color:var(--panel-border) var(--bg)}@media (max-width:560px){.masthead-row{flex-direction:column;align-items:flex-start;gap:8px}.hero{padding-top:36px}}.src-picker{min-width:170px;position:relative}.src-picker-trigger{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:var(--bg-alt);border:1px solid var(--panel-border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.src-picker-trigger:hover,.src-picker-trigger[aria-expanded=true]{border-color:var(--amber-dim);outline:none;box-shadow:0 0 0 3px #f2a93b1f}.src-picker-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.src-picker-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-faint);flex-shrink:0;width:0;height:0;transition:transform .18s;display:inline-block}.src-picker-arrow.open{border-top-color:var(--amber);transform:rotate(180deg)}.src-picker-dropdown{z-index:40;background:var(--panel);border:1px solid var(--amber-dim);border-radius:var(--radius);min-width:200px;box-shadow:0 12px 40px -8px #000000bf, 0 0 24px -8px var(--glow-amber);padding:6px 0;animation:.15s both srcDropIn;position:absolute;top:calc(100% + 6px);left:0}@keyframes srcDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.src-picker-divider{background:var(--panel-border);height:1px;margin:6px 0}.src-picker-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 14px;transition:background .12s;display:flex}.src-picker-item:hover{background:#f2a93b12}.src-picker-all{padding:9px 14px}.src-picker-item-label{font-family:var(--font-mono), monospace;color:var(--text-dim);font-size:13px;line-height:1}.src-picker-item-label.all-label{color:var(--amber);letter-spacing:.03em;font-weight:600}.src-picker-check{appearance:none;border:1px solid var(--panel-border);background:var(--bg-alt);cursor:pointer;border-radius:3px;flex-shrink:0;width:15px;height:15px;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.src-picker-check:checked{background:var(--amber);border-color:var(--amber);box-shadow:0 0 8px #f2a93b59}.src-picker-check:checked:after{content:"";border:2px solid #1a1300;border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.src-picker-check:focus-visible{outline:2px solid var(--teal);outline-offset:2px}