:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-root{min-height:100vh;margin:0;padding:40px 16px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at top,#1e293b,#020617);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb}.app-shell{width:100%;max-width:960px;background:#0f172ae6;border-radius:24px;border:1px solid rgba(148,163,184,.3);box-shadow:0 24px 80px #0f172acc;padding:28px 32px 32px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeInUp .7s ease-out}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.app-title-block h1{margin:0;font-size:2rem;letter-spacing:.04em}.app-title-block p{margin:4px 0 0;font-size:.9rem;color:#9ca3af}.app-logo{width:44px;height:44px;border-radius:999px;background:conic-gradient(from 180deg,#22c55e,#3b82f6,#a855f7,#22c55e);display:flex;align-items:center;justify-content:center;color:#0b1120;font-weight:700;font-size:1.1rem;box-shadow:0 0 18px #3b82f6cc}.section{margin-top:18px;padding:16px 18px 18px;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at top left,rgba(52,211,153,.08),transparent),radial-gradient(circle at bottom right,rgba(59,130,246,.08),transparent);position:relative;overflow:hidden}.section:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(120deg,#38bdf81f,#3b82f60d);pointer-events:none;transition:opacity .2s ease-out}.section:hover:before{opacity:1}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px}.section-title span.icon{width:22px;height:22px;border-radius:999px;background:#3b82f638;display:flex;align-items:center;justify-content:center;font-size:.85rem}.section-sub{font-size:.85rem;color:#9ca3af;margin:0 0 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:9px 18px;font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22;box-shadow:0 12px 30px #22c55e66}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #22c55e8c}.btn-secondary{background:#0f172af2;color:#e5e7eb;border:1px solid rgba(148,163,184,.6)}.btn-secondary:hover{transform:translateY(-1px);background:#0f172a}.btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.search-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}.search-input{flex:1;min-width:180px;border-radius:999px;border:1px solid rgba(148,163,184,.6);padding:9px 14px;background:#0f172aeb;color:#e5e7eb;outline:none;font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf899;background:#0f172a}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4);font-size:.8rem;color:#9ca3af;margin-top:6px}.status-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;animation:pulse 1s infinite}.status-dot.error{background:#f97373}.output-box{margin-top:8px;border-radius:16px;background:#020617;border:1px solid rgba(148,163,184,.5);padding:12px 14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;max-height:260px;overflow:auto;white-space:pre-wrap}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:10px}.video-card{display:flex;flex-direction:column;background:#0f172af2;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.5);text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.video-card img{width:100%;height:140px;object-fit:cover;display:block}.video-card .video-info{padding:8px 10px 10px}.video-card h4{margin:0 0 4px;font-size:.9rem;font-weight:600}.video-card p{margin:0;font-size:.78rem;color:#9ca3af}.video-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172ad9;border-color:#38bdf8cc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.4);opacity:.4}to{transform:scale(1);opacity:.95}}