:root{--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg, #1e1b4b 0%, #0f172a 100%);--surface:#1e293bb3;--surface-border:#ffffff1a;--primary:#8b5cf6;--primary-hover:#7c3aed;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#ef4444}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 8px 32px #0003}.input-field{border:1px solid var(--surface-border);width:100%;color:var(--text-main);background:#0f172a99;border-radius:8px;outline:none;padding:12px 16px;font-size:16px;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf633}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.video-card{border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.video-card:hover{border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.video-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.video-info{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.video-title{-webkit-line-clamp:2;color:var(--text-main);-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-channel{color:var(--text-muted);font-size:14px}.video-stats{color:var(--text-muted);border-top:1px solid #ffffff0d;align-items:center;gap:16px;margin-top:auto;padding-top:12px;font-size:14px;display:flex}.stat-item{align-items:center;gap:6px;display:flex}option{background:var(--bg-dark);color:var(--text-main)}