:root{--bg: #0c0900;--bg-2: #130f00;--bg-3: #1a1500;--amber: #ffb000;--amber-dim: #7a5200;--amber-dark: #1f1400;--amber-glow: rgba(255, 176, 0, .18);--text: #d4922a;--text-dim: #5a4010;--text-bright: #ffd060;--border: rgba(255, 176, 0, .22);--border-active: rgba(255, 176, 0, .7);--radius: 0;--font-mono: "Share Tech Mono", "Consolas", monospace;--font-display: "VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;scrollbar-gutter:stable;font-size:16px;line-height:1.55}body{min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:500;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:500;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}input,select{font-family:inherit;font-size:1rem}::selection{background:var(--amber-dark);color:var(--amber)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--amber)}.container{max-width:1360px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}@keyframes boot-flicker{0%{opacity:0}10%{opacity:1}11%{opacity:.3}14%{opacity:1}20%{opacity:.8}22%{opacity:1}to{opacity:1}}@keyframes blink-cursor{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{text-shadow:0 0 8px var(--amber),0 0 20px rgba(255,176,0,.4)}50%{text-shadow:0 0 14px var(--amber),0 0 40px rgba(255,176,0,.6),0 0 60px rgba(255,176,0,.2)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}main{min-height:100vh;display:flex;flex-direction:column;animation:boot-flicker .7s ease-out}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.hero{padding:2.5rem 0 2rem;text-align:center}.hero-inner{display:inline-block;background:var(--bg-2);border:1px solid var(--border);padding:2rem 3rem 1.75rem;position:relative}.hero-inner:before,.hero-inner:after{content:"";position:absolute;width:16px;height:16px}.hero-inner:before{top:-1px;left:-1px;border-top:2px solid var(--amber);border-left:2px solid var(--amber)}.hero-inner:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--amber);border-right:2px solid var(--amber)}.hero-status{font-family:var(--font-mono);font-size:.68rem;color:var(--amber-dim);letter-spacing:.2em;margin-bottom:1rem;opacity:.75}.hero-status:before{content:"$ "}h1{font-family:var(--font-display);font-size:3.8rem;line-height:1;font-weight:400;letter-spacing:.06em;color:var(--amber);text-shadow:0 0 12px var(--amber),0 0 30px rgba(255,176,0,.4);animation:glow-pulse 4s ease-in-out infinite;margin-bottom:.5rem}h1 .cursor{display:inline-block;width:.55em;height:.85em;background:var(--amber);vertical-align:text-bottom;margin-left:.08em;box-shadow:0 0 10px var(--amber);animation:blink-cursor 1s step-end infinite}.search-wrapper{max-width:580px;margin:1.5rem auto 0}.search-prompt-line{font-size:.75rem;color:var(--amber-dim);letter-spacing:.15em;margin-bottom:.4rem;text-align:left}.search-prompt-line:before{content:"# ";color:var(--amber-dim)}.search-box{display:flex;align-items:stretch;border:1px solid var(--border);background:var(--bg);transition:border-color .15s,box-shadow .15s}.search-wrapper:focus-within .search-box{border-color:var(--amber);box-shadow:0 0 16px #ffb00033,inset 0 0 30px #ffb00008}.search-prompt{display:flex;align-items:center;padding:0 .85rem;background:var(--bg-3);border-right:1px solid var(--border);font-family:var(--font-display);font-size:1.3rem;color:var(--amber-dim);flex-shrink:0;letter-spacing:0}.search-icon{display:none}input[type=text]#channelInput{flex:1;background:none;border:none;color:var(--text-bright);outline:none;font-size:.95rem;padding:.7rem .85rem;caret-color:var(--amber);font-family:var(--font-mono);letter-spacing:.04em}input[type=text]#channelInput::placeholder{color:var(--text-dim);opacity:.6}.btn-primary{background:var(--bg-3);color:var(--amber);padding:.7rem 1.4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;border:none;border-left:1px solid var(--border);transition:background .15s,box-shadow .15s,color .15s;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-primary:hover{background:var(--amber-dark);color:var(--text-bright);box-shadow:inset 0 0 20px #ffb00026}.btn-link{background:none;color:var(--amber-dim);padding:.22rem .55rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--border);transition:all .15s;font-family:var(--font-mono);cursor:pointer}.btn-link:hover{background:var(--amber-dark);border-color:var(--amber);color:var(--amber)}.recent-searches{max-width:580px;margin:.75rem auto 0;text-align:left;animation:slide-down .2s ease}.recent-label{font-size:.66rem;font-weight:400;color:var(--amber-dim);text-transform:uppercase;letter-spacing:.18em;display:block;margin-bottom:.45rem}.recent-label:before{content:"> "}.recent-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.recent-item{display:flex;align-items:center;border:1px solid var(--border);overflow:hidden;transition:border-color .15s}.recent-item:hover{border-color:var(--amber)}.recent-channel{padding:.18rem .4rem .18rem .5rem;font-size:.8rem;color:var(--text);transition:background .15s,color .15s;cursor:pointer;border:none;background:none;font-family:inherit;letter-spacing:.04em}.recent-channel:before{content:"@";color:var(--amber-dim);margin-right:.1em}.recent-channel:hover{background:var(--amber-dark);color:var(--amber)}.recent-remove{padding:.18rem .4rem;font-size:.8rem;color:var(--text-dim);transition:all .15s;line-height:1;font-family:inherit;cursor:pointer;border:none;border-left:1px solid var(--border);background:none}.recent-remove:hover{color:var(--amber);background:#ffb0000d}.results-section{flex:1;min-width:0;padding-bottom:3rem;animation:fadeIn .3s ease}.toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.75rem;padding:.85rem 1.25rem;background:var(--bg-2);border:1px solid var(--border);border-top:2px solid var(--amber-dim);position:sticky;top:0;z-index:10;box-shadow:0 4px 20px #000000b3}.toolbar:before{content:"FILTER  //";position:absolute;top:-.6rem;right:1rem;font-size:.65rem;color:var(--amber-dim);background:var(--bg-2);padding:0 .45rem;letter-spacing:.18em;font-family:var(--font-mono)}.filters-group{display:flex;gap:2rem;align-items:flex-end}.toolbar-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.filter-item{display:flex;flex-direction:column;gap:.3rem}.filter-item label{font-size:.65rem;font-weight:400;color:var(--amber-dim);text-transform:uppercase;letter-spacing:.18em;font-family:var(--font-mono)}.clip-url-bar{width:100%;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;background:var(--bg-2);border:1px solid var(--border)}.clip-url-bar-container{width:100%}.clip-url-prompt{color:var(--amber-dim);font-family:var(--font-mono);font-size:.88rem}#clipUrlInput{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.4rem .55rem;font-family:var(--font-mono);font-size:.88rem;outline:none;letter-spacing:.04em}#clipUrlInput:focus{border-color:var(--amber);box-shadow:0 0 0 1px #ffb00033}#clipUrlInput::placeholder{color:var(--text-dim);opacity:.5}.custom-select{position:relative;min-width:142px;width:auto}.custom-select-trigger{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:.38rem 1.7rem .38rem .55rem;cursor:pointer;font-size:.88rem;line-height:1.4;text-align:left;white-space:nowrap;width:100%;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%237a5200'%3E%3Cpath stroke-linecap='square' stroke-linejoin='miter' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;background-size:1rem;transition:border-color .15s,color .15s;font-family:var(--font-mono);letter-spacing:.04em}.custom-select-trigger:hover,.custom-select-trigger.open{border-color:var(--amber);color:var(--text-bright);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffb000'%3E%3Cpath stroke-linecap='square' stroke-linejoin='miter' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.custom-select-options{position:absolute;bottom:calc(100% + 4px);left:0;right:0;margin:0;padding:0;list-style:none;background:var(--bg);border:1px solid var(--amber);border-top:1px solid var(--amber);border-bottom:none;max-height:220px;overflow-y:auto;z-index:20;display:none;box-shadow:0 -8px 32px #000c,0 0 16px #ffb0001f;top:unset}.custom-select-options.open{display:block;animation:slide-up .12s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.custom-select-options li{padding:.38rem .6rem;cursor:pointer;font-size:.85rem;color:var(--text);transition:background .1s,color .1s;border-bottom:1px solid rgba(255,176,0,.06);font-family:var(--font-mono);letter-spacing:.04em}.custom-select-options li:last-child{border-bottom:none}.custom-select-options li:before{content:"  ";font-family:monospace}.custom-select-options li:hover:before,.custom-select-options li.active:before{content:"> ";color:var(--amber-dim)}.custom-select-options li:hover,.custom-select-options li.active{background:var(--amber-dark);color:var(--text-bright)}.autocomplete-wrapper{position:relative;min-width:142px}.autocomplete-wrapper input{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:.38rem 2.4rem .38rem .55rem;outline:none;font-size:.85rem;line-height:1.4;width:100%;box-sizing:border-box;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%237a5200'%3E%3Cpath stroke-linecap='square' stroke-linejoin='miter' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;background-size:1rem;transition:border-color .15s,color .15s;font-family:var(--font-mono);letter-spacing:.04em}.autocomplete-wrapper input:hover,.autocomplete-wrapper input:focus{border-color:var(--amber);color:var(--text-bright);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffb000'%3E%3Cpath stroke-linecap='square' stroke-linejoin='miter' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.autocomplete-clear{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;padding:.1rem .25rem;line-height:1;z-index:1;font-family:inherit}.autocomplete-clear:hover{color:var(--amber)}.autocomplete-clear.hidden{display:none}.filter-search-wrapper{position:relative;min-width:142px}#filterSearchInput{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:.38rem 2rem .38rem .55rem;outline:none;font-size:.85rem;line-height:1.4;width:100%;box-sizing:border-box;transition:border-color .15s,color .15s;font-family:var(--font-mono);letter-spacing:.04em}#filterSearchInput:focus{border-color:var(--amber);color:var(--text-bright)}#filterSearchInput::placeholder{color:var(--text-dim);opacity:.5}.filter-search-clear{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;padding:.1rem .25rem;line-height:1;z-index:1;font-family:inherit}.filter-search-clear:hover{color:var(--amber)}.filter-search-clear.hidden{display:none}.autocomplete-list{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:var(--bg);border:1px solid var(--amber);border-top:none;max-height:220px;overflow-y:auto;z-index:20;display:none;box-shadow:0 8px 32px #000c,0 0 16px #ffb0001f}.autocomplete-list.open{display:block;animation:slide-down .12s ease}.autocomplete-list li{padding:.38rem .6rem;cursor:pointer;font-size:.85rem;color:var(--text);transition:background .1s,color .1s;border-bottom:1px solid rgba(255,176,0,.06);font-family:var(--font-mono);letter-spacing:.04em}.autocomplete-list li:last-child{border-bottom:none}.autocomplete-list li:before{content:"  "}.autocomplete-list li:hover:before,.autocomplete-list li.active:before{content:"> ";color:var(--amber-dim)}.autocomplete-list li:hover,.autocomplete-list li.active{background:var(--amber-dark);color:var(--text-bright)}.stats{display:flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:.8rem;letter-spacing:.06em;font-family:var(--font-mono)}#clipsCount{color:var(--amber);text-shadow:0 0 8px rgba(255,176,0,.5);font-weight:700}.load-older-btn{background:none;border:1px solid var(--border);color:var(--amber-dim);cursor:pointer;font-size:.75rem;padding:.18rem .5rem;text-transform:uppercase;letter-spacing:.12em;transition:all .15s;font-family:var(--font-mono)}.load-older-btn:hover{background:var(--amber-dark);border-color:var(--amber);color:var(--amber)}.load-older-btn:disabled{opacity:.28;cursor:default;background:none}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem}.cache-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;margin:1.25rem 0;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim);letter-spacing:.04em}.cache-indicator svg{color:var(--amber);flex-shrink:0}.cache-indicator .cache-text{flex:1;color:var(--text)}.cache-refresh-btn{padding:.25rem .75rem;background:transparent;border:1px solid var(--amber);border-radius:4px;color:var(--amber);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;cursor:pointer;transition:all .15s ease}.cache-refresh-btn:hover{background:var(--amber);color:var(--bg);box-shadow:0 0 12px var(--amber-glow)}.hidden{display:none!important}.loader{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 0}.loader:before{content:"LOADING...";font-family:var(--font-display);font-size:2rem;letter-spacing:.3em;color:var(--amber);text-shadow:0 0 16px var(--amber);animation:blink-cursor .9s step-end infinite}.spinner{display:none}.loader-text{font-size:.8rem;color:var(--amber-dim);font-family:var(--font-mono);letter-spacing:.1em}.progress-area{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:var(--bg-3);border-top:1px solid var(--amber);padding:.75rem 2rem;display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-mono);box-shadow:0 -4px 24px #0009}.progress-bar-track{width:100%;height:8px;background:var(--bg);border:1px solid var(--border);overflow:hidden}.progress-bar-fill{height:100%;background:var(--amber);box-shadow:0 0 12px var(--amber-glow),0 0 4px var(--amber)}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.progress-label{color:var(--text);letter-spacing:.08em}.progress-stats{color:var(--amber-dim);letter-spacing:.08em}.empty-state{text-align:center;padding:5rem 0;color:var(--text-dim);font-size:.88rem;letter-spacing:.06em}.empty-state:before{content:"NO RECORDS FOUND";display:block;font-family:var(--font-display);font-size:2rem;letter-spacing:.15em;color:var(--amber-dim);margin-bottom:.5rem}.empty-state p{font-family:var(--font-mono);font-size:.8rem}.empty-state p:before{content:"> ";color:var(--amber-dim)}.github-link{position:fixed;top:1rem;right:1rem;z-index:600;display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);font-size:.75rem;transition:color .2s,border-color .2s}.github-link:hover{color:var(--amber);border-color:var(--amber-dim)}.footer{margin-top:auto;padding:1.25rem 0;text-align:center;border-top:1px solid var(--border);color:var(--text-dim);font-size:.75rem;letter-spacing:.1em;font-family:var(--font-mono);position:relative}.clip-card{background:var(--bg-2);border:1px solid var(--border);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;cursor:pointer}.clip-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,176,0,.025) 2px,rgba(255,176,0,.025) 4px);pointer-events:none;z-index:4;opacity:0;transition:opacity .2s}.clip-card:hover{border-color:var(--amber);box-shadow:0 0 0 1px #ffb0004d,0 0 24px #ffb0001f,0 6px 24px #00000080;transform:translateY(-3px)}.clip-card:hover:after{opacity:1}.clip-card:before{content:"";position:absolute;top:6px;left:6px;width:12px;height:12px;border-top:1px solid var(--amber);border-left:1px solid var(--amber);z-index:5;pointer-events:none;opacity:0;transition:opacity .2s}.clip-card:hover:before{opacity:1}.thumb-container{position:relative;aspect-ratio:16 / 9;overflow:hidden}.thumb-container img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.25) saturate(.8) contrast(1.05);transition:filter .25s}.clip-card:hover .thumb-container img{filter:sepia(.1) saturate(1) contrast(1.08) brightness(1.04)}.clip-overlay{position:absolute;left:0;right:0;padding:.5rem .6rem;display:flex;pointer-events:none;z-index:2}.clip-overlay.top{top:0;justify-content:flex-start;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent)}.clip-overlay.bottom{bottom:0;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.72),transparent)}.views-badge,.duration-badge{background:#0c0900e0;border:1px solid rgba(255,176,0,.3);padding:.1rem .45rem;font-size:.72rem;font-weight:400;letter-spacing:.08em;color:var(--amber);text-shadow:0 0 6px rgba(255,176,0,.6);font-family:var(--font-mono)}.clip-info{padding:.7rem .85rem .75rem;border-top:1px solid rgba(255,176,0,.07)}.clip-title{font-size:.88rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text);font-family:var(--font-mono);letter-spacing:.02em}.clip-meta{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-dim);font-family:var(--font-mono)}.clip-creator{color:var(--text-dim);letter-spacing:.04em}.clip-creator:before{content:"@";margin-right:.1em;color:var(--amber-dim)}.clip-game{color:var(--amber);text-shadow:0 0 6px rgba(255,176,0,.35);letter-spacing:.04em}.clip-game:before{content:"[";margin-right:.1em;color:var(--amber-dim)}.clip-game:after{content:"]";margin-left:.1em;color:var(--amber-dim)}.meta-dot{width:3px;height:3px;background:var(--amber-dim);display:inline-block;opacity:.35;flex-shrink:0}.notify-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);z-index:10000;background:var(--bg-3);border:1px solid var(--amber);box-shadow:0 0 0 1px #ffb00026,0 0 40px #ffb0001f,0 8px 32px #000c;padding:1rem 1.5rem;max-width:680px;width:90%;opacity:0;transition:opacity .35s ease,transform .35s ease;display:flex;flex-direction:column;gap:.75rem;font-family:var(--font-mono)}.notify-banner.notify-visible{opacity:1;transform:translate(-50%) translateY(0)}.notify-prompt{color:var(--amber);font-weight:700;margin-right:.4em}.notify-msg{color:var(--text-bright);font-size:.9rem;line-height:1.5}.notify-msg strong{color:var(--amber)}.notify-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border)}.notify-yes,.notify-no{font-family:var(--font-mono);font-size:.85rem;padding:.4rem 1rem;border:1px solid var(--border);color:var(--text);background:none;transition:all .15s;cursor:pointer;letter-spacing:.1em}.notify-yes:hover,.notify-no:hover{background:var(--amber-dark);border-color:var(--amber);color:var(--amber);box-shadow:0 0 12px #ffb00026}.notify-banner.notify-toast{flex-direction:row;align-items:center;padding:.75rem 1.25rem}.notify-banner.notify-toast .notify-actions{display:none}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000f0;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .18s ease}.modal-content{background:var(--bg);border:1px solid var(--amber);box-shadow:0 0 0 1px #ffb0001a,0 0 50px #ffb00014,0 24px 60px #000000d9;max-width:1100px;width:100%;overflow:visible;animation:fadeIn .18s ease;position:relative}@media(min-width:1921px){.modal-content{max-width:1400px!important}}.modal-content:before{content:"■ ■ ■   CLIP VIEWER";display:flex;align-items:center;padding:.25rem .75rem;font-family:var(--font-mono);font-size:.68rem;color:var(--amber-dim);background:var(--bg-3);border-bottom:1px solid var(--border);letter-spacing:.18em}.modal-close{position:absolute;top:0;right:0;z-index:10;width:38px;height:auto;padding:.25rem;background:var(--bg-3);color:var(--amber-dim);font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1;border:none;border-left:1px solid var(--border);border-bottom:1px solid var(--border);font-family:inherit;cursor:pointer}.modal-close:hover{background:var(--amber-dark);border-color:var(--amber);color:var(--amber);box-shadow:0 0 12px #ffb00033}.modal-video-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000;border-bottom:1px solid var(--border)}.modal-video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;transition:opacity .2s ease}.modal-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;color:var(--amber-dim)}.modal-body{padding:.65rem .85rem;display:flex;flex-direction:column;gap:.45rem}.modal-title-row{display:flex;align-items:center;gap:.5rem}.modal-title{font-size:.9rem;font-weight:400;margin-bottom:0;color:var(--text-bright);font-family:var(--font-mono);letter-spacing:.03em}.modal-fav-btn{background:#0c0900bf;border:1px solid var(--border);border-radius:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--amber-dim);padding:0;flex-shrink:0;opacity:.6}.modal-fav-btn:hover{background:var(--amber-dark);border-color:var(--amber);color:var(--amber);opacity:1}.modal-fav-btn.active{color:var(--amber);opacity:1;background:var(--amber-dark);border-color:var(--amber)}.modal-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-dim);margin-bottom:0;font-family:var(--font-mono)}.modal-creator{color:var(--text-dim)}.modal-creator:before{content:"@";margin-right:.1em;color:var(--amber-dim)}.modal-game{color:var(--amber);text-shadow:0 0 6px rgba(255,176,0,.4)}.copy-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--amber-dim);border:1px solid var(--border);padding:.25rem .65rem;text-transform:uppercase;letter-spacing:.12em;transition:all .15s;font-family:var(--font-mono);background:none;cursor:pointer}.copy-btn:hover{background:var(--amber-dark);border-color:var(--amber);color:var(--amber)}.modal-notes{margin-top:.85rem;border-top:1px solid var(--border)}.modal-notes-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem 0;font-size:.65rem;font-weight:400;color:var(--amber-dim);text-transform:uppercase;letter-spacing:.18em;font-family:var(--font-mono);cursor:pointer;background:none;border:none;transition:color .15s}.modal-notes-toggle:hover{color:var(--amber)}.modal-notes-chevron{font-size:.5rem;transition:transform .15s}.modal-notes.has-notes .modal-notes-chevron,.modal-notes.open .modal-notes-chevron{transform:rotate(90deg)}.modal-notes-body{display:none}.modal-notes.has-notes .modal-notes-body,.modal-notes.open .modal-notes-body{display:block}.modal-notes-input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:.55rem .7rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.5;resize:vertical;min-height:3.2rem;outline:none;letter-spacing:.02em;transition:border-color .15s}.modal-notes-input:focus{border-color:var(--amber);box-shadow:0 0 0 1px #ffb00026}.modal-notes-input::placeholder{color:var(--text-dim);opacity:.5}.modal-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:nowrap}.modal-actions .custom-select{min-width:0}.modal-actions .custom-select-trigger{padding:.2rem 1.4rem .2rem .45rem;font-size:.78rem;line-height:1.3}.modal-actions .btn-primary{padding:.25rem .65rem;font-size:.75rem;letter-spacing:.1em}.download-quality-group{display:flex;align-items:center;gap:.5rem;justify-content:center}.quality-label{font-size:.65rem;font-weight:400;color:var(--amber-dim);text-transform:uppercase;letter-spacing:.18em;font-family:var(--font-mono)}.modal-btn-group{display:flex;gap:.35rem;flex-wrap:wrap}.download-btn{display:inline-flex;align-items:center;gap:.4rem}.download-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-progress{display:flex;align-items:center;gap:.5rem;min-width:120px}.download-progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.download-progress-fill{height:100%;width:0%;background:var(--amber);border-radius:3px;transition:width .2s ease;box-shadow:0 0 6px #ffb00066}.download-progress-text{font-size:.72rem;color:var(--amber-dim);font-family:var(--font-mono);min-width:35px;text-align:right}.optgroup-header{color:var(--amber-dim);font-style:italic;opacity:.6;cursor:default;font-size:.8rem}.optgroup-header:hover{background:none;color:var(--amber-dim)}.optgroup-header:before{content:"  "!important}.fav-btn{position:absolute;top:.6rem;right:.6rem;z-index:6;background:#0c0900bf;border:1px solid var(--border);border-radius:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;opacity:.6;pointer-events:auto;color:var(--text);padding:0}.fav-btn:hover{opacity:1;background:var(--amber-dark);border-color:var(--amber);color:var(--amber)}.fav-btn.active{opacity:1;color:var(--amber)}.fav-btn .fav-icon{transition:fill .15s}.favorites-open-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.3rem .7rem;background:none;border:1px solid var(--border);color:var(--amber-dim);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;cursor:pointer;transition:all .15s;text-transform:uppercase}.favorites-open-btn:hover{background:var(--amber-dark);border-color:var(--amber);color:var(--amber)}.favorites-open-btn svg{flex-shrink:0}.fav-modal-content{background:var(--bg);border:1px solid var(--amber);box-shadow:0 0 0 1px #ffb0001a,0 0 50px #ffb00014,0 24px 60px #000000d9;max-width:1200px;width:100%;max-height:85vh;overflow:visible;animation:fadeIn .18s ease;position:relative}.fav-modal-content:before{content:"■ ■ ■   FAVORITES";display:flex;align-items:center;padding:.38rem 1rem;font-family:var(--font-mono);font-size:.68rem;color:var(--amber-dim);background:var(--bg-3);border-bottom:1px solid var(--border);letter-spacing:.18em}.fav-modal-body{padding:1rem;max-height:calc(85vh - 2.5rem);overflow-y:auto}.favorites-grid{display:flex;flex-direction:column;gap:.25rem}.fav-channel{display:flex;flex-direction:column}.fav-channel-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .15s;user-select:none}.fav-channel-header:hover{border-color:var(--amber);background:var(--amber-dark)}.fav-channel-name{flex:1;font-size:.88rem;font-weight:700;color:var(--amber);font-family:var(--font-mono);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-channel-count{font-size:.72rem;color:var(--text-dim);font-family:var(--font-mono);flex-shrink:0}.fav-channel-children{display:flex;flex-direction:column;padding-left:.75rem}.fav-channel.collapsed>.fav-channel-children{display:none}.fav-channel.collapsed .fav-chevron{color:var(--text-dim)}.fav-game{display:flex;flex-direction:column}.fav-game-header{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:var(--bg-2);border:1px solid transparent;cursor:pointer;transition:all .15s;user-select:none}.fav-game-header:hover{border-color:var(--border-active)}.fav-game-name{flex:1;font-size:.82rem;color:var(--amber-dim);font-family:var(--font-mono);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-game-count{font-size:.68rem;color:var(--text-dim);font-family:var(--font-mono);flex-shrink:0}.fav-game-children{display:flex;flex-direction:column;padding-left:.75rem}.fav-game.collapsed>.fav-game-children{display:none}.fav-game.collapsed .fav-chevron{color:var(--text-dim)}.fav-chevron{font-size:.6rem;color:var(--amber-dim);transition:transform .15s;flex-shrink:0;width:.7rem;text-align:center}.fav-channel:not(.collapsed)>.fav-channel-header .fav-chevron,.fav-game:not(.collapsed)>.fav-game-header .fav-chevron{transform:rotate(90deg)}.fav-clip{display:flex;align-items:center;gap:.6rem;padding:.45rem .75rem;cursor:pointer;transition:all .15s;border-left:1px solid var(--border);margin-left:0}.fav-clip:hover{background:var(--amber-dark);border-left-color:var(--amber)}.fav-clip-title{flex:1;font-size:.8rem;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.fav-clip:hover .fav-clip-title{color:var(--text)}.fav-clip-thumb{width:120px;height:68px;object-fit:cover;border:1px solid var(--border);flex-shrink:0;background:var(--bg-3)}.fav-clip:hover .fav-clip-thumb{border-color:var(--amber-dim)}.fav-remove{background:none;border:1px solid transparent;color:var(--text-dim);width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:all .15s;flex-shrink:0;padding:0;font-family:inherit;opacity:0}.fav-clip:hover .fav-remove{opacity:1}.fav-remove:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-dark)}.favorites-empty{text-align:center;padding:1.5rem 0;color:var(--text-dim);font-size:.72rem;font-family:var(--font-mono)}.favorites-empty:before{content:""}.favorites-empty p{font-family:var(--font-mono);font-size:.72rem}.favorites-empty p:before{content:"> ";color:var(--amber-dim)}@media(max-width:768px){h1{font-size:2.6rem}.hero{padding:1.5rem 0 1rem}.hero-inner{padding:1.25rem 1rem 1rem}.hero-status{font-size:.58rem}.search-wrapper{max-width:none}.search-box{flex-wrap:wrap}.search-prompt{font-size:1.1rem;padding:0 .65rem}.recent-searches{max-width:none}.recent-list{gap:.3rem}.clip-url-bar{flex-wrap:wrap;gap:.4rem;padding:.4rem .75rem}#clipUrlInput{min-width:100%}.modal-overlay{padding:.5rem;align-items:flex-end}.modal-content{max-height:92vh;overflow-y:auto}.modal-body{padding:.75rem}.modal-title{font-size:.82rem}.modal-meta{flex-wrap:wrap;gap:.35rem;font-size:.75rem}.modal-actions{flex-direction:column;align-items:stretch;gap:.75rem}.modal-btn-group{flex-direction:column}.modal-btn-group .btn-primary{justify-content:center}.toolbar{flex-direction:column;align-items:flex-start;gap:1rem;padding:.75rem;position:static}.filters-group{flex-direction:column;width:100%;gap:.75rem}.filter-item .autocomplete-wrapper,.filter-item .custom-select,.filter-item .filter-search-wrapper{width:100%}.toolbar-right{width:100%;align-items:stretch}.stats{flex-wrap:wrap;gap:.4rem}.load-older-btn{width:100%;text-align:center;padding:.35rem .5rem}.cache-indicator{flex-wrap:wrap;gap:.5rem;padding:.6rem .85rem;margin:.75rem 0;font-size:.76rem}.cache-refresh-btn{width:100%;text-align:center}.clips-grid{gap:.85rem}.clip-info{padding:.55rem .65rem .6rem}.clip-title{font-size:.82rem}.clip-meta{flex-wrap:wrap;gap:.3rem;font-size:.72rem}.clip-card:before{display:none}.clip-card:hover{transform:none}.results-section{padding-bottom:1.5rem}.progress-area{padding:.5rem .75rem}.progress-info{font-size:.7rem;flex-wrap:wrap;gap:.25rem}.notify-banner{padding:.75rem 1rem;max-width:94%;bottom:1rem}.notify-msg{font-size:.82rem}.notify-actions{flex-wrap:wrap}.notify-yes,.notify-no{flex:1;text-align:center}.notify-banner.notify-toast{padding:.6rem .85rem;flex-wrap:wrap}.footer{padding:.85rem 0;font-size:.68rem}.download-btn{justify-content:center}.loader{padding:3rem 0}.loader:before{font-size:1.5rem}.empty-state{padding:3rem 0}.empty-state:before{font-size:1.5rem}}@media(max-width:480px){.container{padding:0 .6rem}h1{font-size:1.8rem}.hero{padding:1rem 0 .75rem}.hero-inner{padding:1rem .75rem .85rem}.hero-status{font-size:.5rem;margin-bottom:.6rem}.search-prompt{font-size:.95rem;padding:0 .5rem}.search-prompt-line{font-size:.68rem}input[type=text]#channelInput{font-size:.85rem;padding:.55rem .65rem}.btn-primary{font-size:.78rem;padding:.55rem 1rem}.clips-grid{gap:.6rem}.toolbar{padding:.55rem}.modal-overlay{padding:0;align-items:stretch}.modal-content{max-height:100dvh;border:none}.modal-body{padding:.6rem}.modal-content:before{font-size:.6rem;padding:.3rem .75rem}.modal-close{width:32px;height:24px;font-size:.9rem}}