:root{font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background:#0f0f0f;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}input,button{font-family:inherit;font-size:1rem}.app{min-height:100vh;min-height:100dvh;padding-bottom:2rem}.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.hero-title{margin:0 0 .5rem;font-size:2.25rem;font-weight:700;color:#fff}.hero-subtitle{margin:0 0 2rem;font-size:1.1rem;color:#999;max-width:420px}.hero-form{width:100%;max-width:520px;display:flex;gap:.5rem;margin-bottom:.75rem}.hero-input{flex:1;padding:.85rem 1.2rem;font-size:1.05rem;border:2px solid #333;border-radius:10px;background:#1a1a1a;color:#fff;outline:none}.hero-input:focus{border-color:#555;box-shadow:0 0 0 3px #ffffff0f}.hero-input::placeholder{color:#666}.hero-btn{padding:.85rem 1.5rem;font-size:1.05rem;font-weight:600;border:none;border-radius:10px;background:#e63946;color:#fff;cursor:pointer;white-space:nowrap}.hero-btn:hover{background:#d62d3a}.hero-btn:active{opacity:.9;transform:scale(.98)}.hero-hint{margin:0;font-size:.9rem;color:#666}.hero-stats{margin:1.5rem 0 0;font-size:.8rem;color:#555;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.hero-stats>span{display:inline-flex;align-items:center;gap:.35rem}.hero-stats svg{flex-shrink:0;opacity:.8}.hero-stats-channels{position:relative;display:inline-flex;flex-direction:column;align-items:center}.hero-stats-channels-main{display:inline-flex;align-items:center;gap:.35rem}.hero-stats-channels-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;border-radius:8px;border:1px solid #333;background:#111;color:#ccc;font-size:.7rem;line-height:1.3;text-align:left;white-space:nowrap;min-width:160px;max-height:120px;overflow-y:auto;box-shadow:0 8px 20px #0009;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:5}.hero-stats-channels:hover .hero-stats-channels-tooltip{opacity:1;pointer-events:auto}.hero-stats-channel-name{display:flex;align-items:center;gap:.3rem}.hero-stats-channel-link{color:#ddd;text-decoration:none}.hero-stats-channel-link:hover{text-decoration:underline}.hero-stats-channel-count{color:#777;font-size:.65rem;display:inline-flex;align-items:center;gap:.15rem}.hero-stats-channel-count svg{vertical-align:middle}.header{position:sticky;top:0;z-index:10;background:#0f0f0ff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:max(.75rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) 1rem max(1.5rem,env(safe-area-inset-left));border-bottom:1px solid #222;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.header-logo{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.header-logo:hover{color:#ccc}.search-row{display:flex;gap:.5rem;flex:1;min-width:0;max-width:480px}.search-input{flex:1;padding:.55rem 1rem;border:1px solid #333;border-radius:8px;background:#1a1a1a;color:#fff;outline:none}.search-input:focus{border-color:#555}.search-input::placeholder{color:#666}.btn-search{padding:.55rem 1rem;border:none;border-radius:8px;background:#e63946;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.btn-search:hover{background:#d62d3a}.btn-search:active{opacity:.9;transform:scale(.98)}.search-loading{margin:0;font-size:.85rem;color:#6a9;width:100%}.results-bar{padding:.6rem 1.5rem;background:#151515;border-bottom:1px solid #222}.results-count{margin:0;font-size:.95rem;color:#aaa}.results-error{margin:0;font-size:.95rem;color:#e55}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:#151515;border-bottom:1px solid #222}.btn-page{padding:.4rem .8rem;border:1px solid #333;border-radius:6px;background:#252525;color:#ccc;cursor:pointer;font-size:.9rem}.btn-page:hover:not(:disabled){background:#333;color:#fff}.btn-page:active:not(:disabled){opacity:.9;transform:scale(.98)}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.9rem;color:#888}.mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1.5rem;max-width:1600px;margin:0 auto}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#888}.empty-state p{margin:.25em 0}.card{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:left;border:none;border-radius:12px;overflow:hidden;background:#1a1a1a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.card:active{transform:scale(.98)}.card:focus-visible{outline:2px solid #fff;outline-offset:2px}.card-thumb{position:relative;width:100%;flex-shrink:0;height:0;padding-bottom:56.25%;background:#222;overflow:hidden}.card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-channel-badge{position:absolute;left:.35rem;top:.35rem;max-width:calc(100% - .7rem);padding:.15rem .4rem;font-size:.75rem;font-weight:600;background:#000c;color:#fff;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-date{position:absolute;right:.35rem;top:.35rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;background:#000c;color:#fff;border-radius:4px}.card-score{position:absolute;left:.35rem;bottom:.35rem;display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;background:#000c;color:#6a9;border-radius:4px}.card-score svg{opacity:.85}.card-duration{position:absolute;right:.35rem;bottom:.35rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;background:#000c;color:#fff;border-radius:4px}.card-info{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.card-title{font-size:.95rem;font-weight:500;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-channel{font-size:.8rem;color:#888}.modal-overlay{position:fixed;inset:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;max-width:900px;background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));z-index:2;width:44px;height:44px;border:none;border-radius:50%;background:#000000b3;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#000000e6}.modal-close:active{opacity:.9;transform:scale(.98)}.modal-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.modal-player iframe{position:absolute;inset:0;width:100%;height:100%}.modal-info{padding:1rem 1.25rem}.modal-title{margin:0 0 .5em;font-size:1.1rem;font-weight:600;color:#fff}.modal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.85rem}.modal-meta-item{display:inline-flex;align-items:center;gap:.35rem}.modal-channel{color:#888}.modal-date,.modal-duration{color:#aaa}.modal-pop{color:#6a9}.modal-pop svg{opacity:.85}@media(max-width:600px){.hero-form{flex-direction:column}.hero-btn{min-height:44px}.mosaic{grid-template-columns:1fr;padding:1rem}.header{flex-direction:column;align-items:stretch}.search-row{max-width:none}.btn-search,.btn-page{min-height:44px;padding:.75rem 1rem}}