body{margin:0;background:#111;color:#fff;font-family:Arial,sans-serif}.app{padding:40px;max-width:1200px;margin:0 auto}h1{text-align:center;margin-bottom:30px}.search{width:100%;max-width:400px;display:block;margin:0 auto 30px;padding:12px 16px;border-radius:8px;border:1px solid #333;background:#1b1b1b;color:#fff;font-size:16px}.search:focus{outline:none;border-color:#dc143c}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card{background:#1b1b1b;border-radius:10px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.card-fallback{width:100%;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;background:#222;color:#888}.year{color:#888;font-weight:400}.content{padding:15px}.content h3{margin:0 0 12px;font-size:16px}button{width:100%;padding:10px;background:#dc143c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}button:hover{background:#b3001b}.actions{display:flex;gap:8px}.actions button{flex:1}.actions .download{background:#2563eb}.actions .download:hover{background:#1d4ed8}.searching{text-align:center;color:#888}.recent{margin-top:50px}.recent-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.recent-head h2{margin:0}.recent-head select{padding:10px 14px;background:#1b1b1b;color:#fff;border:1px solid #333;border-radius:8px;font-size:14px}.recent-head select:focus{outline:none;border-color:#dc143c}.hint{color:#888;font-size:14px;margin-top:-8px}.hint code{color:#ffb84d}.empty{text-align:center;color:#888}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10}.player{width:90%;height:85vh;position:relative}.player iframe{width:100%;height:100%;border:none;border-radius:8px}.player-msg{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000;border-radius:8px;text-align:center;padding:20px}.player-msg span{color:#aaa;max-width:420px}.player-actions button{max-width:200px}.close{position:absolute;right:-10px;top:-10px;width:40px;height:40px;border-radius:50%;background:#dc143c;font-size:18px;z-index:2}.dl-card{background:#1b1b1b;border-radius:10px;padding:30px;width:90%;max-width:420px;text-align:center}.dl-card h3{margin:0 0 20px}.progress{background:#333;border-radius:8px;height:12px;overflow:hidden}.progress .bar{height:100%;background:#2563eb;transition:width .2s}.dl-status{color:#aaa}.dl-meta{color:#888;font-size:13px}.dl-error{color:#ff6b6b}.dl-actions button{max-width:200px}.watch{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column}.watch-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#111;color:#eee;z-index:10}.watch-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.watch-bar button{width:auto;padding:8px 14px}.watch-video{flex:1;min-height:0;position:relative;overflow:hidden}.watch-video iframe{position:absolute;top:50%;left:50%;border:none;background:#000}.watch-bar .rotate{background:#7c3aed}.watch-bar .rotate:hover{background:#6d28d9}